Electron: Uncaught Error: No QueryClient set, use QueryClientProvider to set one

[arstnei0]

I am developing an app with Electron (using electron-vite). It's always showing this error

Here's the repo: https://github.com/zihan-ch/zhim
tRPC client: https://github.com/zihan-ch/zhim/blob/main/src/renderer/src/lib/trpc.ts
main.ts: https://github.com/zihan-ch/zhim/blob/main/src/renderer/src/main.tsx

When I use solid devtools to inspect the app, the context seems to be all right:

I assume that this is an error inside solid-trpc; it might have done some special processes that make the context disappeared.

ps: The app runs well without solid-trpc (the original trpc client instead).

[OrJDev]

That's because the proxyclient doesn't require a trpc provider, this one does. Make sure to follow the docs and wrap your app with a trpc provider or use create jd app and it will do it for u

[OrJDev]

Actually i just noticed you did,
im not sure how electron works ive never used it, but if you try a regular app it should work ofc. I will try using it on electron.

This wouldn't work on ssr btw because solid query doesn't support ssr yet

[arstnei0]

It seems that when __useQuery is called, the query client context isn't working. I tried to pass a createContext(ctx.queryClient) at the here and it works! This is not a nice solution but it's working. It looks like this:

  function useQuery<
    TPath extends keyof TQueryValues & string,
    TQueryFnData = TQueryValues[TPath]['output'],
    TData = TQueryValues[TPath]['output'],
  >(
    pathAndInput: () => [
      path: TPath,
      ...args: inferHandlerInput<TQueries[TPath]>,
    ],
    opts?: UseTRPCQueryOptions<
      TPath,
      TQueryValues[TPath]['input'],
      TQueryFnData,
      TData,
      TError
    >,
  ): UseTRPCQueryResult<TData, TError> {
    const ctx = useContext();
    // createEffect(() => console.log("opts", opts?.()));
    if (
      typeof window === 'undefined' &&
      ctx.ssrState() === 'prepass' &&
      opts?.trpc?.ssr !== false &&
      opts?.enabled !== false &&
      !ctx.queryClient.getQueryCache().find(getArrayQueryKey(pathAndInput()))
    ) {
      void ctx.prefetchQuery(pathAndInput(), opts as any);
    }

    const shouldAbortOnUnmount = () =>
      opts?.trpc?.abortOnUnmount ?? ctx?.abortOnUnmount ?? false;
    console.log(defaultContext);
    return __useQuery(
      () => getArrayQueryKey(pathAndInput()),
      queryFunctionContext => {
        const actualOpts = () => ({
          ...opts,
          trpc: {
            ...opts?.trpc,
            ...(shouldAbortOnUnmount()
              ? {signal: queryFunctionContext.signal}
              : {}),
          },
        });
        return (ctx.client as any).query(
          ...getClientArgs(pathAndInput(), actualOpts()),
        );
      },
      {
        ...opts,
        context: createContext(ctx.queryClient),
      } as any,
    ) as UseTRPCQueryResult<TData, TError>;
  }

[arstnei0]

Maybe it's the internal error of createQuery?

[OrJDev]

no it should be working fine (if you use create jd app, which will not use electron its workin fine),
how do i repro? i think ik what the issue is

[OrJDev]

solidjs/vite-plugin-solid#80

TanStack/query#4673

This seems like a solid query issue, will keep you updated (according to Aryan)

Closing this for now