From 89e29b57c1cbda2ae5e156254513944036417972 Mon Sep 17 00:00:00 2001
From: Bogdan Carpusor <bogdan@supertokens.com>
Date: Mon, 6 Jan 2025 09:57:07 +0200
Subject: [PATCH] Add pnpm support on the package manager select

---
 v3/docs/quickstart/frontend-setup.mdx             | 15 +++++++++++++++
 .../Select/NodePackageManagerSelect.tsx           |  3 ++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/v3/docs/quickstart/frontend-setup.mdx b/v3/docs/quickstart/frontend-setup.mdx
index 32b86b4db..c12c701b5 100644
--- a/v3/docs/quickstart/frontend-setup.mdx
+++ b/v3/docs/quickstart/frontend-setup.mdx
@@ -70,6 +70,11 @@ Run the following command in your terminal to install the package.
         yarn add supertokens-auth-react supertokens-web-js
         ```
       </NodePackageManagerCard.Content>
+      <NodePackageManagerCard.Content value="pnpm">
+        ```bash
+        pnpm add supertokens-auth-react supertokens-web-js
+        ```
+      </NodePackageManagerCard.Content>
     </NodePackageManagerCard>
   </FrontendPrebuiltUITabs.TabItem>
   <FrontendPrebuiltUITabs.TabItem value="angular">
@@ -89,6 +94,11 @@ Run the following command in your terminal to install the package.
         yarn add supertokens-web-js
         ```
       </NodePackageManagerCard.Content>
+      <NodePackageManagerCard.Content value="pnpm">
+        ```bash
+        pnpm add supertokens-web-js
+        ```
+      </NodePackageManagerCard.Content>
     </NodePackageManagerCard>
   </FrontendPrebuiltUITabs.TabItem>
   <FrontendPrebuiltUITabs.TabItem value="vue">
@@ -108,6 +118,11 @@ Run the following command in your terminal to install the package.
         yarn add supertokens-web-js
         ```
       </NodePackageManagerCard.Content>
+      <NodePackageManagerCard.Content value="pnpm">
+        ```bash
+        pnpm add supertokens-web-js
+        ```
+      </NodePackageManagerCard.Content>
     </NodePackageManagerCard>
   </FrontendPrebuiltUITabs.TabItem>
   <FrontendPrebuiltUITabs.TabItem value="mobile">
diff --git a/v3/src/components/Select/NodePackageManagerSelect.tsx b/v3/src/components/Select/NodePackageManagerSelect.tsx
index 4a258dafb..ce30dc2c1 100644
--- a/v3/src/components/Select/NodePackageManagerSelect.tsx
+++ b/v3/src/components/Select/NodePackageManagerSelect.tsx
@@ -20,7 +20,8 @@ export function NodePackageManagerSelect() {
 			<Select.Content>
 				<Select.Item value="npm7+">{`NPM>=7`}</Select.Item>
 				<Select.Item value="npm6">{`NPM6`}</Select.Item>
-				<Select.Item value="yarn">Yarn</Select.Item>
+				<Select.Item value="yarn">yarn</Select.Item>
+				<Select.Item value="pnpm">pnpm</Select.Item>
 			</Select.Content>
 		</Select.Root>
 	);