Can't get HMR to work.

I'm working on migrating a application from react router 7 to Tanstack start and I've removed all but the base route and am using a template for the content.
For some reason the HMR isnt working updating anything requires a hard refresh to show up. Any help would be appreciated.

export const Route = createRootRoute({
    loader: async () => {
        return await getUserPrefs();
    },
    head: () => ({
        meta: [
            { charSet: "utf8" },
            { name: "viewport", content: "width=device-width, initial-scale=1" },
            // additional meta
        ],
        links: [
            // ... styles 
        ],
    }),
    component: RootComponent,
});

function RootComponent() {
    return <Outlet />; // any changes here just dont show up
}

export const Route = createRootRoute({
    loader: async () => {
        return await getUserPrefs();
    },
    head: () => ({
        meta: [
            { charSet: "utf8" },
            { name: "viewport", content: "width=device-width, initial-scale=1" },
            // additional meta
        ],
        links: [
            // ... styles 
        ],
    }),
    component: RootComponent,
});

function RootComponent() {
    return <Outlet />; // any changes here just dont show up
}

TanStack•3mo ago•

2 replies

correct-teal

Can't get HMR to work.

export const Route = createRootRoute({
    loader: async () => {
        return await getUserPrefs();
    },
    head: () => ({
        meta: [
            { charSet: "utf8" },
            { name: "viewport", content: "width=device-width, initial-scale=1" },
            // additional meta
        ],
        links: [
            // ... styles 
        ],
    }),
    component: RootComponent,
});

function RootComponent() {
    return <Outlet />; // any changes here just dont show up
}

export const Route = createRootRoute({
    loader: async () => {
        return await getUserPrefs();
    },
    head: () => ({
        meta: [
            { charSet: "utf8" },
            { name: "viewport", content: "width=device-width, initial-scale=1" },
            // additional meta
        ],
        links: [
            // ... styles 
        ],
    }),
    component: RootComponent,
});

function RootComponent() {
    return <Outlet />; // any changes here just dont show up
}

Can't get HMR to work.

Similar Threads

Can't get HMR to work.

Similar Threads

Similar Threads

Similar Threads