recommended to use Create JD App
Moved to Here
npm install solid-trpc@start-ssr @tanstack/solid-query@beta// utils/trpc.tsimport{QueryClient}from"@tanstack/solid-query";importtype{IAppRouter}from"~/server/trpc/router/_app";import{createTRPCSolidStart}from"solid-trpc";import{httpBatchLink}from"@trpc/client";import{isServer}from"solid-js/web";constgetBaseUrl=()=>{if(typeofwindow!=="undefined")return"";return`http://localhost:${process.env.PORT??5173}`;};exportconsttrpc=createTRPCSolidStart<IAppRouter>({config(event){// PageEvent of Solid-startreturn{links: [httpBatchLink({url: `${getBaseUrl()}/api/trpc`,headers: ()=>{if(isServer&&event?.request){// do something}return{};},}),],};},});exportconstqueryClient=newQueryClient();// root.tsx// @refresh reloadimport"./root.css";import{Suspense}from"solid-js";import{Body,ErrorBoundary,FileRoutes,Head,Html,Meta,Routes,Scripts,Title,}from"solid-start";import{trpc,queryClient}from"~/utils/trpc";exportdefaultfunctionRoot(){return(<Htmllang="en"><Head><Title>Create JD App</Title><Metacharset="utf-8"/><Metaname="viewport"content="width=device-width, initial-scale=1"/></Head><Body><trpc.ProviderqueryClient={queryClient}><Suspense><ErrorBoundary><Routes><FileRoutes/></Routes></ErrorBoundary></Suspense></trpc.Provider><Scripts/></Body></Html>);}constres=trpc.hello.useQuery(()=>({name: "from tRPC"}),()=>({onSuccess: ()=>{console.log("hey");},refetchOnWindowFocus: num()!=0,}));constmut=trpc.random.useMutation();return(<buttononClick={()=>mut.mutateAsync({num: 1,}).then((res)=>console.log(res))}> mutate </button>);