Hydration error even when not rendering anything ?

Hi,
I'm new to React and its hydration errors. I'm coming from Qwik/Solid.

I'm getting the Hydration error in my console. So I tried to pinpoint what component triggers it. And I ended up rendering nothing (Commenting <Outlet/> in __root.tsx):

function RootComponent() {
    return (
        <RootDocument>
            <StrictMode>{/* <Outlet /> */}</StrictMode>
            <TanStackRouterDevtools />
        </RootDocument>
    );
}

function RootComponent() {
    return (
        <RootDocument>
            <StrictMode>{/* <Outlet /> */}</StrictMode>
            <TanStackRouterDevtools />
        </RootDocument>
    );
}

function RootComponent() {
    return (
        <RootDocument>
            <StrictMode>{/* <Outlet /> */}</StrictMode>
            <TanStackRouterDevtools />
        </RootDocument>
    );
}

function RootComponent() {
    return (
        <RootDocument>
            <StrictMode>{/* <Outlet /> */}</StrictMode>
            <TanStackRouterDevtools />
        </RootDocument>
    );
}

And I'm still getting this error. Is there some configuration I am missing ?

Thanks for your help :)

Hydration error even when not rendering anything ?

Similar Threads

Similar Threads

Similar Threads