typegen: update changeset

Author: pcattori

.changeset/typesafety.md

@@ -24,16 +24,6 @@ This initial implementation targets type inference for:
 - `LoaderData` : Loader data from `loader` and/or `clientLoader` within your route module
 - `ActionData` : Action data from `action` and/or `clientAction` within your route module
 
-These types are then used to create types for route export args and props:
-
-- `LoaderArgs`
-- `ClientLoaderArgs`
-- `ActionArgs`
-- `ClientActionArgs`
-- `HydrateFallbackProps`
-- `ComponentProps` (for the `default` export)
-- `ErrorBoundaryProps`
-
 In the future, we plan to add types for the rest of the route module exports: `meta`, `links`, `headers`, `shouldRevalidate`, etc.
 We also plan to generate types for typesafe `Link`s:
 
@@ -43,109 +33,7 @@ We also plan to generate types for typesafe `Link`s:
 // typesafe `to` and `params` based on the available routes in your app
 ```
 
-#### Setup
-
-React Router will generate types into a `.react-router/` directory at the root of your app.
-This directory is fully managed by React Router and is derived based on your route config (`routes.ts`).
-
-👉 **Add `.react-router/` to `.gitignore`**
-
-```txt
-.react-router
-```
-
-You should also ensure that generated types for routes are always present before running typechecking,
-especially for running typechecking in CI.
-
-👉 **Add `react-router typegen` to your `typecheck` command in `package.json`**
-
-```json
-{
-  "scripts": {
-    "typecheck": "react-router typegen && tsc"
-  }
-}
-```
-
-To get TypeScript to use those generated types, you'll need to add them to `include` in `tsconfig.json`.
-And to be able to import them as if they files next to your route modules, you'll also need to configure `rootDirs`.
-
-👉 **Configure `tsconfig.json` for generated types**
-
-```json
-{
-  "include": [".react-router/types/**/*"],
-  "compilerOptions": {
-    "rootDirs": [".", "./.react-router/types"]
-  }
-}
-```
-
-#### `typegen` command
-
-You can manually generate types with the new `typegen` command:
-
-```sh
-react-router typegen
-```
-
-However, manual type generation is tedious and types can get out of sync quickly if you ever forget to run `typegen`.
-Instead, we recommend that you setup our new TypeScript plugin which will automatically generate fresh types whenever routes change.
-That way, you'll always have up-to-date types.
-
-#### TypeScript plugin
-
-To get automatic type generation, you can use our new TypeScript plugin.
-
-👉 **Add the TypeScript plugin to `tsconfig.json`**
-
-```json
-{
-  "compilerOptions": {
-    "plugins": [{ "name": "@react-router/dev" }]
-  }
-}
-```
-
-We plan to add some other goodies to our TypeScript plugin soon, including:
-
-- Automatic `jsdoc` for route exports that include links to official docs
-- Autocomplete for route exports
-- Warnings for non-HMR compliant exports
-
-##### VSCode
-
-TypeScript looks for plugins registered in `tsconfig.json` in the local `node_modules/`,
-but VSCode ships with its own copy of TypeScript that is installed outside of your project.
-For TypeScript plugins to work, you'll need to tell VSCode to use the local workspace version of TypeScript.
-For security reasons, [VSCode won't use the workspace version of TypeScript](https://code.visualstudio.com/docs/typescript/typescript-compiling#_using-the-workspace-version-of-typescript) until you manually opt-in.
-
-Your project should have a `.vscode/settings.json` with the following settings:
-
-```json
-{
-  "typescript.tsdk": "node_modules/typescript/lib",
-  "typescript.enablePromptUseWorkspaceTsdk": true
-}
-```
-
-That way [VSCode will ask you](https://code.visualstudio.com/updates/v1_45#_prompt-users-to-switch-to-the-workspace-version-of-typescript) if you want to use the workspace version of TypeScript the first time you open a TS file in that project.
-
-> [!IMPORTANT]  
-> You'll need to install dependencies first so that the workspace version of TypeScript is available.
-
-👉 **Select "Allow" when VSCode asks if you want to use the workspace version of TypeScript**
-
-Otherwise, you can also manually opt-in to the workspace version:
-
-1. Open up any TypeScript file in your project
-2. Open up the VSCode Command Palette (<kbd>Cmd</kbd>+<kbd>Shift</kbd>+<kbd>P</kbd>)
-3. Search for `Select TypeScript Version`
-4. Choose `Use Workspace Version`
-5. Quit and reopen VSCode
-
-##### Troubleshooting
+Check out our docs for more:
 
-In VSCode, open up any TypeScript file in your project and then use <kbd>CMD</kbd>+<kbd>SHIFT</kbd>+<kbd>P</kbd> to select `Open TS Server log`.
-There should be a log for `[react-router] setup` that indicates that the plugin was resolved correctly.
-Then look for any errors in the log.
+- [_Explanations > Type Safety_](https://reactrouter.com/dev/guides/explanation/type-safety)
+- [_How-To > Setting up type safety_](https://reactrouter.com/dev/guides/how-to/setting-up-type-safety)