Optional locale param with wildcard

I have

/{$-lang}/$

/{$-lang}/$

-like routes.
When user access

/hello

/hello

page, how would router know that "hello" is not a lang? Do I need to manually check and somehow redirect to the splat route?
I tried to do:

export const Route = createFileRoute("/_main/{-$lang}/")({
  component: Index,

  beforeLoad: ({ params }) => {
    // if there some prefix that is not a lang, redirect to splat route, becaue that is document id.
    if (!!params.lang && !i18n.locales.includes(params.lang as Locale)) {
      throw redirect({
        to:  "/{-$lang}/$",
        params: { lang: undefined, _splat: params.lang },
      });
    }
  },

export const Route = createFileRoute("/_main/{-$lang}/")({
  component: Index,

  beforeLoad: ({ params }) => {
    // if there some prefix that is not a lang, redirect to splat route, becaue that is document id.
    if (!!params.lang && !i18n.locales.includes(params.lang as Locale)) {
      throw redirect({
        to:  "/{-$lang}/$",
        params: { lang: undefined, _splat: params.lang },
      });
    }
  },

but that would send the server into infinite loop.

TanStack•5mo ago•

6 replies

foolish-indigo

Optional locale param with wildcard

I have

/{$-lang}/$

/{$-lang}/$

-like routes.
When user access

/hello

/hello

page, how would router know that "hello" is not a lang? Do I need to manually check and somehow redirect to the splat route?
I tried to do:

export const Route = createFileRoute("/_main/{-$lang}/")({
  component: Index,

  beforeLoad: ({ params }) => {
    // if there some prefix that is not a lang, redirect to splat route, becaue that is document id.
    if (!!params.lang && !i18n.locales.includes(params.lang as Locale)) {
      throw redirect({
        to:  "/{-$lang}/$",
        params: { lang: undefined, _splat: params.lang },
      });
    }
  },

export const Route = createFileRoute("/_main/{-$lang}/")({
  component: Index,

  beforeLoad: ({ params }) => {
    // if there some prefix that is not a lang, redirect to splat route, becaue that is document id.
    if (!!params.lang && !i18n.locales.includes(params.lang as Locale)) {
      throw redirect({
        to:  "/{-$lang}/$",
        params: { lang: undefined, _splat: params.lang },
      });
    }
  },

but that would send the server into infinite loop.

Optional locale param with wildcard

Similar Threads

Optional locale param with wildcard

Similar Threads

Similar Threads

Similar Threads