better rnw support

examples/minimal-expo/app/api/trpc/[trpc]+api.ts

@@ -5,7 +5,7 @@ import { z } from "zod";
 import { UTApi } from "uploadthing/server";
 
 const createContext = () => ({
-  utapi: new UTApi({ logLevel: "debug" }),
+  utapi: new UTApi({ logLevel: "info" }),
   userId: "abc123",
 });
 const t = initTRPC.context<typeof createContext>().create();

examples/minimal-expo/lib/trpc.tsx

@@ -32,7 +32,9 @@ const resolveUrl = () => {
   try {
     return new URL(
       "/api/trpc",
-      process.env.EXPO_PUBLIC_SERVER_ORIGIN ?? `http://${debuggerHost}`,
+      typeof window.location !== "undefined"
+        ? window.location.origin
+        : process.env.EXPO_PUBLIC_SERVER_ORIGIN ?? `http://${debuggerHost}`,
     );
   } catch (e) {
     throw new Error(

examples/minimal-expo/package.json

@@ -38,6 +38,7 @@
     "react-native-reanimated": "~3.10.0",
     "react-native-safe-area-context": "4.10.1",
     "react-native-screens": "~3.31.1",
+    "react-native-web": "~0.19.12",
     "uploadthing": "6.10.4",
     "zod": "^3.22.4"
   },

packages/expo/src/index.ts

@@ -24,16 +24,18 @@ export const generateReactNativeHelpers = <TRouter extends FileRouter>(
   initOpts?: GenerateTypedHelpersOptions,
 ) => {
   const debuggerHost = Constants.expoConfig?.hostUri;
-  let url: URL;
+  let url = new URL("http://localhost:8081/api/uploadthing")
   try {
     url = new URL(
       initOpts?.url ?? "/api/uploadthing",
-      process.env.EXPO_PUBLIC_SERVER_ORIGIN ?? `http://${debuggerHost}`,
+      typeof window.location !== "undefined"
+        ? window.location.origin
+        : process.env.EXPO_PUBLIC_SERVER_ORIGIN ?? `http://${debuggerHost}`,
     );
   } catch (e) {
-    throw new Error(
-      `Failed to resolve URL from ${initOpts?.url?.toString()} and ${process.env.EXPO_PUBLIC_SERVER_ORIGIN} or ${debuggerHost}`,
-    );
+    // Can't throw since window.location is undefined in Metro pass
+    // but may get defined when app mounts.
+    console.warn(`Failed to resolve URL from ${initOpts?.url?.toString()} and ${process.env.EXPO_PUBLIC_SERVER_ORIGIN} or ${debuggerHost}. Your application may not work as expected.`);
   }
 
   const vanillaHelpers = generateReactHelpers<TRouter>({ ...initOpts, url });