diff --git a/website/src/pages/docs/guides/react-vue.mdx b/website/src/pages/docs/guides/react-vue.mdx
index d5cac69eb6b..ded1ceedaa0 100644
--- a/website/src/pages/docs/guides/react-vue.mdx
+++ b/website/src/pages/docs/guides/react-vue.mdx
@@ -507,7 +507,15 @@ after installing the package (`npm i -D @0no-co/graphqlsp`):
 }
 ```
 
-Last but not least you need to ensure that when you're using `VSCode` that the [workspace version of TS is used](https://code.visualstudio.com/docs/typescript/typescript-compiling#_using-the-workspace-version-of-typescript)
+Last but not least you need to ensure that when you're using `VSCode` that the workspace version of TS is used, the following
+config will make a prompt appear to switch it when visiting a TS file
+
+```json filename=".vscode/settings.json"
+{
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "typescript.enablePromptUseWorkspaceTsdk": true
+}
+```
 
 Also, make sure to follow GraphQL best practices by using [`graphql-eslint`](https://github.com/B2o5T/graphql-eslint) and the [ESLint VSCode extension](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) to visualize errors and warnings inlined in your code correctly.