How to call for server-side-data in the `root.tsx` of solid-start`

Since I want to wrap my entire site in

<ClientOnly>

<ClientOnly>

in the

root.tsx

root.tsx

, I can't use

useRouteData

useRouteData

as that is only supposed to be used under the

/routes

/routes

path.

So basically

[root.tsx]
    const serverData = createServerData( params.id );
   

    return <Html lang="en">
      <Head>
        <OGHeaders data={serverData} />
      </Head>
      <Body>
              <ClientOnly>
                <AuthContextProvider>
                  <AppContextProvider>
                    <Routes>
                      <FileRoutes />
                    </Routes>
                  </AppContextProvider>
                </AuthContextProvider>
              </ClientOnly>
      </Body>
    </Html>

[root.tsx]
    const serverData = createServerData( params.id );
   

    return <Html lang="en">
      <Head>
        <OGHeaders data={serverData} />
      </Head>
      <Body>
              <ClientOnly>
                <AuthContextProvider>
                  <AppContextProvider>
                    <Routes>
                      <FileRoutes />
                    </Routes>
                  </AppContextProvider>
                </AuthContextProvider>
              </ClientOnly>
      </Body>
    </Html>

SolidJS•3y ago•

3 replies

Bersaelor

How to call for server-side-data in the `root.tsx` of solid-start`

Since I want to wrap my entire site in

<ClientOnly>

<ClientOnly>

in the

root.tsx

root.tsx

, I can't use

useRouteData

useRouteData

as that is only supposed to be used under the

/routes

/routes

path.

So basically

[root.tsx]
    const serverData = createServerData( params.id );
   

    return <Html lang="en">
      <Head>
        <OGHeaders data={serverData} />
      </Head>
      <Body>
              <ClientOnly>
                <AuthContextProvider>
                  <AppContextProvider>
                    <Routes>
                      <FileRoutes />
                    </Routes>
                  </AppContextProvider>
                </AuthContextProvider>
              </ClientOnly>
      </Body>
    </Html>

[root.tsx]
    const serverData = createServerData( params.id );
   

    return <Html lang="en">
      <Head>
        <OGHeaders data={serverData} />
      </Head>
      <Body>
              <ClientOnly>
                <AuthContextProvider>
                  <AppContextProvider>
                    <Routes>
                      <FileRoutes />
                    </Routes>
                  </AppContextProvider>
                </AuthContextProvider>
              </ClientOnly>
      </Body>
    </Html>

How to call for server-side-data in the `root.tsx` of solid-start`

Similar Threads

How to call for server-side-data in the `root.tsx` of solid-start`

Similar Threads

Similar Threads

Similar Threads