[SOLVED] Solid Router v11 + TanStack Query issue

const queryClient = new QueryClient();

const App: Component = (props: { children?: JSX.Element }) => {
  return (
    <QueryClientProvider client={queryClient}>
      <MetaProvider>
        <AppContextProvider>
          <ToastProvider>
            <AuthProvider>
              <div class="bg-base-300 min-h-screen">{props.children}</div>
            </AuthProvider>
          </ToastProvider>
        </AppContextProvider>
      </MetaProvider>
    </QueryClientProvider>
  );
};

export const Routes = () => {
  return <Router root={App}>{routes}</Router>;
};

export const routes: RouteDefinition[] = [
  {
    path: "/",
    component: GlobalLayout,
    children: [
      {
        path: "/user",
        component: lazy(() => import("./pages/user/user")),
        load: UserData,
      },
     // ...
}

export function getUserData() {
  return createQuery(() => ({
    queryKey: [QueryKeysType.USER],
    queryFn: fetchMe,
    staleTime: FIVE_MINUTES,
  }));
}

export default function () {
  void getUserData();
}