docs: Update TSS docs and example (#1016)

Co-authored-by: Julius Marminge <[email protected]>
pingdotgg · Oct 16, 2024 · b180bf1 · b180bf1
1 parent 426b461
commit b180bf1
Show file tree

Hide file tree

Showing 9 changed files with 1,385 additions and 5,126 deletions.
diff --git a/docs/src/app/(docs)/getting-started/tanstack-start/page.mdx b/docs/src/app/(docs)/getting-started/tanstack-start/page.mdx
@@ -159,7 +159,6 @@ export const { useUploadThing } = generateReactHelpers<UploadRouter>();
     Include our CSS in your root route to make sure the components look right!
 
     ```tsx {{ title: "app/routes/__root.tsx" }}
-    // @ts-expect-error
     import uploadthingCss from "@uploadthing/react/styles.css?url";
 
     export const Route = createRootRoute({

diff --git a/examples/minimal-expo/lib/trpc.tsx b/examples/minimal-expo/lib/trpc.tsx
@@ -34,7 +34,7 @@ const resolveUrl = () => {
       "/api/trpc",
       typeof window.location !== "undefined"
         ? window.location.origin
-        : process.env.EXPO_PUBLIC_SERVER_ORIGIN ?? `http://${debuggerHost}`,
+        : (process.env.EXPO_PUBLIC_SERVER_ORIGIN ?? `http://${debuggerHost}`),
     );
   } catch (e) {
     throw new Error(

diff --git a/examples/minimal-tanstack-start/app/client.tsx b/examples/minimal-tanstack-start/app/client.tsx
@@ -1,3 +1,4 @@
+/// <reference types="vinxi/types/client" />
 import { StartClient } from "@tanstack/start";
 import { hydrateRoot } from "react-dom/client";
 

diff --git a/examples/minimal-tanstack-start/app/routes/__root.tsx b/examples/minimal-tanstack-start/app/routes/__root.tsx
@@ -6,7 +6,6 @@ import {
 } from "@tanstack/react-router";
 import { Body, Head, Html, Meta, Scripts } from "@tanstack/start";
 
-// @ts-expect-error
 import uploadthingCss from "@uploadthing/react/styles.css?url";
 
 export const Route = createRootRoute({

diff --git a/examples/minimal-tanstack-start/app/ssr.tsx b/examples/minimal-tanstack-start/app/ssr.tsx
@@ -1,3 +1,4 @@
+/// <reference types="vinxi/types/server" />
 import { getRouterManifest } from "@tanstack/start/router-manifest";
 import {
   createStartHandler,

diff --git a/examples/minimal-tanstack-start/package.json b/examples/minimal-tanstack-start/package.json
@@ -8,9 +8,9 @@
     "start": "vinxi start"
   },
   "dependencies": {
-    "@tanstack/react-router": "^1.58.7",
-    "@tanstack/start": "^1.58.7",
-    "@uploadthing/react": "7.0.3",
+    "@tanstack/react-router": "^1.69.1",
+    "@tanstack/start": "^1.69.3",
+    "@uploadthing/react": "^7.0.3",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "uploadthing": "7.1.0",
@@ -19,7 +19,7 @@
   "devDependencies": {
     "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
-    "@vitejs/plugin-react": "^4.3.1",
+    "@vitejs/plugin-react": "^4.3.2",
     "typescript": "^5.5.2"
   }
 }
diff --git a/examples/minimal-tanstack-start/tsconfig.json b/examples/minimal-tanstack-start/tsconfig.json
@@ -4,6 +4,7 @@
     "moduleResolution": "Bundler",
     "module": "ESNext",
     "target": "ES2022",
-    "skipLibCheck": true
+    "skipLibCheck": true,
+    "strictNullChecks": true
   }
 }
diff --git a/packages/expo/src/index.ts b/packages/expo/src/index.ts
@@ -38,7 +38,7 @@ export const generateReactNativeHelpers = <TRouter extends FileRouter>(
       initOpts?.url ?? "/api/uploadthing",
       typeof window.location !== "undefined"
         ? window.location.origin
-        : process.env.EXPO_PUBLIC_SERVER_ORIGIN ?? `http://${debuggerHost}`,
+        : (process.env.EXPO_PUBLIC_SERVER_ORIGIN ?? `http://${debuggerHost}`),
     );
   } catch (e) {
     // Can't throw since window.location is undefined in Metro pass

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml