Disabling SSR

If I disable SSR in TanStack Start, can I safely access browser APIs like localStorage inside a route’s beforeLoad() function? Or does beforeLoad() ever run on the server even when SSR is off?

export const Route = createFileRoute('/_dashboard/_company')({
  component: CompanyLayout,
  ssr: false,
  validateSearch: search => searchSchema.parse(search),
  beforeLoad({ context }) {
    const companyForm = storage.get<FormType>(import.meta.env.FORM_KEY);
    return {
      ...context,
      companyForm: companyForm,
    };
  },
  onLeave() {
    storage.remove(import.meta.env.FORM_KEY);
  },
});`

export const Route = createFileRoute('/_dashboard/_company')({
  component: CompanyLayout,
  ssr: false,
  validateSearch: search => searchSchema.parse(search),
  beforeLoad({ context }) {
    const companyForm = storage.get<FormType>(import.meta.env.FORM_KEY);
    return {
      ...context,
      companyForm: companyForm,
    };
  },
  onLeave() {
    storage.remove(import.meta.env.FORM_KEY);
  },
});`

sometimes not able to access data from browser storage.

TanStack•9mo ago•

27 replies

popular-magenta

Disabling SSR

If I disable SSR in TanStack Start, can I safely access browser APIs like localStorage inside a route’s beforeLoad() function? Or does beforeLoad() ever run on the server even when SSR is off?

export const Route = createFileRoute('/_dashboard/_company')({
  component: CompanyLayout,
  ssr: false,
  validateSearch: search => searchSchema.parse(search),
  beforeLoad({ context }) {
    const companyForm = storage.get<FormType>(import.meta.env.FORM_KEY);
    return {
      ...context,
      companyForm: companyForm,
    };
  },
  onLeave() {
    storage.remove(import.meta.env.FORM_KEY);
  },
});`

export const Route = createFileRoute('/_dashboard/_company')({
  component: CompanyLayout,
  ssr: false,
  validateSearch: search => searchSchema.parse(search),
  beforeLoad({ context }) {
    const companyForm = storage.get<FormType>(import.meta.env.FORM_KEY);
    return {
      ...context,
      companyForm: companyForm,
    };
  },
  onLeave() {
    storage.remove(import.meta.env.FORM_KEY);
  },
});`

sometimes not able to access data from browser storage.

Disabling SSR

Similar Threads

Disabling SSR

Similar Threads

Similar Threads

Similar Threads