i18n solid primitive with SolidStart

I'm in a snake biting its own tail situation. Using @solid-primitives/i18n, I'd like to use the

/[lang]/...

/[lang]/...

param to indicate

I18nProvider

I18nProvider

which language to pick.

export default function Root() {
  const params = useParams();

  return (
    <Html>
      <Head>
        ...
      </Head>
      <Body>
        <Suspense>
          <ErrorBoundary>
            <I18nProvider dict={dict} locale={params.lang}>
              <Routes>
                <FileRoutes />
              </Routes>
            </I18nProvider>
          </ErrorBoundary>
        </Suspense>
        <Scripts />
      </Body>
    </Html>
  );
}

export default function Root() {
  const params = useParams();

  return (
    <Html>
      <Head>
        ...
      </Head>
      <Body>
        <Suspense>
          <ErrorBoundary>
            <I18nProvider dict={dict} locale={params.lang}>
              <Routes>
                <FileRoutes />
              </Routes>
            </I18nProvider>
          </ErrorBoundary>
        </Suspense>
        <Scripts />
      </Body>
    </Html>
  );
}

But I hit the error:

ReferenceError: navigator is not defined
    at Proxy.createI18nContext (/Users/Projects/xyz/node_modules/@solid-primitives/i18n/dist/server.cjs:14:44)

ReferenceError: navigator is not defined
    at Proxy.createI18nContext (/Users/Projects/xyz/node_modules/@solid-primitives/i18n/dist/server.cjs:14:44)

But

useParams()

useParams()

returns undefined. Most probably not working outside

<Routes>

<Routes>

...

SolidJS•4y ago•

15 replies

binajmen

i18n solid primitive with SolidStart

I'm in a snake biting its own tail situation. Using @solid-primitives/i18n, I'd like to use the

/[lang]/...

/[lang]/...

param to indicate

I18nProvider

I18nProvider

which language to pick.

export default function Root() {
  const params = useParams();

  return (
    <Html>
      <Head>
        ...
      </Head>
      <Body>
        <Suspense>
          <ErrorBoundary>
            <I18nProvider dict={dict} locale={params.lang}>
              <Routes>
                <FileRoutes />
              </Routes>
            </I18nProvider>
          </ErrorBoundary>
        </Suspense>
        <Scripts />
      </Body>
    </Html>
  );
}

export default function Root() {
  const params = useParams();

  return (
    <Html>
      <Head>
        ...
      </Head>
      <Body>
        <Suspense>
          <ErrorBoundary>
            <I18nProvider dict={dict} locale={params.lang}>
              <Routes>
                <FileRoutes />
              </Routes>
            </I18nProvider>
          </ErrorBoundary>
        </Suspense>
        <Scripts />
      </Body>
    </Html>
  );
}

But I hit the error:

ReferenceError: navigator is not defined
    at Proxy.createI18nContext (/Users/Projects/xyz/node_modules/@solid-primitives/i18n/dist/server.cjs:14:44)

ReferenceError: navigator is not defined
    at Proxy.createI18nContext (/Users/Projects/xyz/node_modules/@solid-primitives/i18n/dist/server.cjs:14:44)

But

useParams()

useParams()

returns undefined. Most probably not working outside

<Routes>

<Routes>

...

i18n solid primitive with SolidStart

Similar Threads

i18n solid primitive with SolidStart

Similar Threads

Similar Threads

Similar Threads