From d1fc1ec9db96022e63435d21fac3b961b650dbe9 Mon Sep 17 00:00:00 2001 From: Deepjyoti Barman Date: Tue, 3 Dec 2024 11:20:53 +0530 Subject: [PATCH 1/4] Add note for using react-router function with hooks --- .../email-verification/about.mdx | 12 ++++++++++ .../quickstart/frontend-setup.mdx | 12 ++++++++++ v2/mfa/email-sms-otp/otp-for-all-users.mdx | 24 +++++++++++++++++++ .../pre-built-ui/protecting-routes.mdx | 12 ++++++++++ .../pre-built-ui/showing-login-ui.mdx | 12 ++++++++++ v2/mfa/totp/totp-for-all-users.mdx | 24 +++++++++++++++++++ .../email-verification/about.mdx | 12 ++++++++++ v2/passwordless/quickstart/frontend-setup.mdx | 12 ++++++++++ .../email-verification/about.mdx | 12 ++++++++++ v2/thirdparty/quickstart/frontend-setup.mdx | 12 ++++++++++ .../email-verification/about.mdx | 12 ++++++++++ .../quickstart/frontend-setup.mdx | 12 ++++++++++ .../email-verification/about.mdx | 12 ++++++++++ .../quickstart/frontend-setup.mdx | 12 ++++++++++ ...ltiple-frontends-with-a-single-backend.mdx | 12 ++++++++++ ...tiple-frontends-with-separate-backends.mdx | 12 ++++++++++ 16 files changed, 216 insertions(+) diff --git a/v2/emailpassword/common-customizations/email-verification/about.mdx b/v2/emailpassword/common-customizations/email-verification/about.mdx index 6505435f5..019a2bfc6 100644 --- a/v2/emailpassword/common-customizations/email-verification/about.mdx +++ b/v2/emailpassword/common-customizations/email-verification/about.mdx @@ -172,6 +172,18 @@ function App() { } ``` +:::important +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +```tsx +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +// createBrowserRouter also works in the following way +const router = useRoutes([ + ...routes.map(route => route.props), + // Define more routes +]) +``` +::: + diff --git a/v2/emailpassword/quickstart/frontend-setup.mdx b/v2/emailpassword/quickstart/frontend-setup.mdx index 9aed0d223..66b7237f8 100644 --- a/v2/emailpassword/quickstart/frontend-setup.mdx +++ b/v2/emailpassword/quickstart/frontend-setup.mdx @@ -406,6 +406,18 @@ class App extends React.Component { } ``` +:::important +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +```tsx +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +// createBrowserRouter also works in the following way +const router = useRoutes([ + ...routes.map(route => route.props), + // Define more routes +]) +``` +::: + diff --git a/v2/mfa/email-sms-otp/otp-for-all-users.mdx b/v2/mfa/email-sms-otp/otp-for-all-users.mdx index 61de73a65..c3e639f8a 100644 --- a/v2/mfa/email-sms-otp/otp-for-all-users.mdx +++ b/v2/mfa/email-sms-otp/otp-for-all-users.mdx @@ -404,6 +404,18 @@ function App() { } ``` +:::important +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +```tsx +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +// createBrowserRouter also works in the following way +const router = useRoutes([ + ...routes.map(route => route.props), + // Define more routes +]) +``` +::: + @@ -1056,6 +1068,18 @@ function App() { } ``` +:::important +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +```tsx +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +// createBrowserRouter also works in the following way +const router = useRoutes([ + ...routes.map(route => route.props), + // Define more routes +]) +``` +::: + diff --git a/v2/mfa/legacy-method/pre-built-ui/protecting-routes.mdx b/v2/mfa/legacy-method/pre-built-ui/protecting-routes.mdx index 306e75b52..06d190a7c 100644 --- a/v2/mfa/legacy-method/pre-built-ui/protecting-routes.mdx +++ b/v2/mfa/legacy-method/pre-built-ui/protecting-routes.mdx @@ -67,3 +67,15 @@ function App() { ); } ``` + +:::important +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +```tsx +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +// createBrowserRouter also works in the following way +const router = useRoutes([ + ...routes.map(route => route.props), + // Define more routes +]) +``` +::: diff --git a/v2/mfa/legacy-method/pre-built-ui/showing-login-ui.mdx b/v2/mfa/legacy-method/pre-built-ui/showing-login-ui.mdx index bc8921e10..c5296c4c6 100644 --- a/v2/mfa/legacy-method/pre-built-ui/showing-login-ui.mdx +++ b/v2/mfa/legacy-method/pre-built-ui/showing-login-ui.mdx @@ -204,3 +204,15 @@ function App() { } ``` +:::important +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +```tsx +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +// createBrowserRouter also works in the following way +const router = useRoutes([ + ...routes.map(route => route.props), + // Define more routes +]) +``` +::: + diff --git a/v2/mfa/totp/totp-for-all-users.mdx b/v2/mfa/totp/totp-for-all-users.mdx index 23348084d..e1654ea6e 100644 --- a/v2/mfa/totp/totp-for-all-users.mdx +++ b/v2/mfa/totp/totp-for-all-users.mdx @@ -327,6 +327,18 @@ function App() { } ``` +:::important +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +```tsx +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +// createBrowserRouter also works in the following way +const router = useRoutes([ + ...routes.map(route => route.props), + // Define more routes +]) +``` +::: + @@ -1266,6 +1278,18 @@ function App() { } ``` +:::important +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +```tsx +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +// createBrowserRouter also works in the following way +const router = useRoutes([ + ...routes.map(route => route.props), + // Define more routes +]) +``` +::: + diff --git a/v2/passwordless/common-customizations/email-verification/about.mdx b/v2/passwordless/common-customizations/email-verification/about.mdx index 05daf80e1..38363c68e 100644 --- a/v2/passwordless/common-customizations/email-verification/about.mdx +++ b/v2/passwordless/common-customizations/email-verification/about.mdx @@ -172,6 +172,18 @@ function App() { } ``` +:::important +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +```tsx +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +// createBrowserRouter also works in the following way +const router = useRoutes([ + ...routes.map(route => route.props), + // Define more routes +]) +``` +::: + diff --git a/v2/passwordless/quickstart/frontend-setup.mdx b/v2/passwordless/quickstart/frontend-setup.mdx index a34917c09..eee974ecd 100644 --- a/v2/passwordless/quickstart/frontend-setup.mdx +++ b/v2/passwordless/quickstart/frontend-setup.mdx @@ -432,6 +432,18 @@ class App extends React.Component { } ``` +:::important +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +```tsx +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +// createBrowserRouter also works in the following way +const router = useRoutes([ + ...routes.map(route => route.props), + // Define more routes +]) +``` +::: + diff --git a/v2/thirdparty/common-customizations/email-verification/about.mdx b/v2/thirdparty/common-customizations/email-verification/about.mdx index ceb8fd555..b62432bec 100644 --- a/v2/thirdparty/common-customizations/email-verification/about.mdx +++ b/v2/thirdparty/common-customizations/email-verification/about.mdx @@ -169,6 +169,18 @@ function App() { } ``` +:::important +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +```tsx +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +// createBrowserRouter also works in the following way +const router = useRoutes([ + ...routes.map(route => route.props), + // Define more routes +]) +``` +::: + diff --git a/v2/thirdparty/quickstart/frontend-setup.mdx b/v2/thirdparty/quickstart/frontend-setup.mdx index 6b20d612e..90678a5e9 100644 --- a/v2/thirdparty/quickstart/frontend-setup.mdx +++ b/v2/thirdparty/quickstart/frontend-setup.mdx @@ -431,6 +431,18 @@ class App extends React.Component { } ``` +:::important +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +```tsx +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +// createBrowserRouter also works in the following way +const router = useRoutes([ + ...routes.map(route => route.props), + // Define more routes +]) +``` +::: + diff --git a/v2/thirdpartyemailpassword/common-customizations/email-verification/about.mdx b/v2/thirdpartyemailpassword/common-customizations/email-verification/about.mdx index ceb8fd555..b62432bec 100644 --- a/v2/thirdpartyemailpassword/common-customizations/email-verification/about.mdx +++ b/v2/thirdpartyemailpassword/common-customizations/email-verification/about.mdx @@ -169,6 +169,18 @@ function App() { } ``` +:::important +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +```tsx +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +// createBrowserRouter also works in the following way +const router = useRoutes([ + ...routes.map(route => route.props), + // Define more routes +]) +``` +::: + diff --git a/v2/thirdpartyemailpassword/quickstart/frontend-setup.mdx b/v2/thirdpartyemailpassword/quickstart/frontend-setup.mdx index cfd700eab..804d839ce 100644 --- a/v2/thirdpartyemailpassword/quickstart/frontend-setup.mdx +++ b/v2/thirdpartyemailpassword/quickstart/frontend-setup.mdx @@ -438,6 +438,18 @@ class App extends React.Component { } ``` +:::important +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +```tsx +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +// createBrowserRouter also works in the following way +const router = useRoutes([ + ...routes.map(route => route.props), + // Define more routes +]) +``` +::: + diff --git a/v2/thirdpartypasswordless/common-customizations/email-verification/about.mdx b/v2/thirdpartypasswordless/common-customizations/email-verification/about.mdx index ceb8fd555..b62432bec 100644 --- a/v2/thirdpartypasswordless/common-customizations/email-verification/about.mdx +++ b/v2/thirdpartypasswordless/common-customizations/email-verification/about.mdx @@ -169,6 +169,18 @@ function App() { } ``` +:::important +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +```tsx +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +// createBrowserRouter also works in the following way +const router = useRoutes([ + ...routes.map(route => route.props), + // Define more routes +]) +``` +::: + diff --git a/v2/thirdpartypasswordless/quickstart/frontend-setup.mdx b/v2/thirdpartypasswordless/quickstart/frontend-setup.mdx index b12a87453..ec2a02e90 100644 --- a/v2/thirdpartypasswordless/quickstart/frontend-setup.mdx +++ b/v2/thirdpartypasswordless/quickstart/frontend-setup.mdx @@ -479,6 +479,18 @@ class App extends React.Component { } ``` +:::important +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +```tsx +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +// createBrowserRouter also works in the following way +const router = useRoutes([ + ...routes.map(route => route.props), + // Define more routes +]) +``` +::: + diff --git a/v2/unified-login/multiple-frontends-with-a-single-backend.mdx b/v2/unified-login/multiple-frontends-with-a-single-backend.mdx index abec83222..a084bd4d1 100644 --- a/v2/unified-login/multiple-frontends-with-a-single-backend.mdx +++ b/v2/unified-login/multiple-frontends-with-a-single-backend.mdx @@ -466,6 +466,18 @@ class App extends React.Component { ``` +:::important +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +```tsx +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +// createBrowserRouter also works in the following way +const router = useRoutes([ + ...routes.map(route => route.props), + // Define more routes +]) +``` +::: + diff --git a/v2/unified-login/multiple-frontends-with-separate-backends.mdx b/v2/unified-login/multiple-frontends-with-separate-backends.mdx index 5fa1a4061..3d1a9ce9c 100644 --- a/v2/unified-login/multiple-frontends-with-separate-backends.mdx +++ b/v2/unified-login/multiple-frontends-with-separate-backends.mdx @@ -303,6 +303,18 @@ class App extends React.Component { ``` +:::important +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +```tsx +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +// createBrowserRouter also works in the following way +const router = useRoutes([ + ...routes.map(route => route.props), + // Define more routes +]) +``` +::: + From 2d0f07dc8d7d991ceacd7f58564c479a73b61f74 Mon Sep 17 00:00:00 2001 From: Deepjyoti Barman Date: Tue, 3 Dec 2024 11:30:05 +0530 Subject: [PATCH 2/4] Fix compilation issue --- v2/src/components/reusableSnippets/angularUIImplementation.tsx | 1 - v2/src/components/reusableSnippets/vueUIImplementation.tsx | 1 - 2 files changed, 2 deletions(-) diff --git a/v2/src/components/reusableSnippets/angularUIImplementation.tsx b/v2/src/components/reusableSnippets/angularUIImplementation.tsx index 12dfcba53..e9419dcb0 100644 --- a/v2/src/components/reusableSnippets/angularUIImplementation.tsx +++ b/v2/src/components/reusableSnippets/angularUIImplementation.tsx @@ -5,7 +5,6 @@ export default function AngularUIImplementation(props: PropsWithChildren<{}>) { return ( {props.children} diff --git a/v2/src/components/reusableSnippets/vueUIImplementation.tsx b/v2/src/components/reusableSnippets/vueUIImplementation.tsx index d8a999979..cbcc3296c 100644 --- a/v2/src/components/reusableSnippets/vueUIImplementation.tsx +++ b/v2/src/components/reusableSnippets/vueUIImplementation.tsx @@ -5,7 +5,6 @@ export default function VueUIImplementation(props: PropsWithChildren<{}>) { return ( {props.children} From bc7bc61d4a50eda086715852ecaf24a81edfd098 Mon Sep 17 00:00:00 2001 From: Deepjyoti Barman Date: Thu, 5 Dec 2024 11:05:41 +0530 Subject: [PATCH 3/4] Update router related info with suggested change --- .../common-customizations/email-verification/about.mdx | 2 +- v2/emailpassword/quickstart/frontend-setup.mdx | 2 +- v2/mfa/email-sms-otp/otp-for-all-users.mdx | 4 ++-- v2/mfa/legacy-method/pre-built-ui/protecting-routes.mdx | 2 +- v2/mfa/legacy-method/pre-built-ui/showing-login-ui.mdx | 2 +- v2/mfa/totp/totp-for-all-users.mdx | 4 ++-- .../common-customizations/email-verification/about.mdx | 2 +- v2/passwordless/quickstart/frontend-setup.mdx | 2 +- .../common-customizations/email-verification/about.mdx | 2 +- v2/thirdparty/quickstart/frontend-setup.mdx | 2 +- .../common-customizations/email-verification/about.mdx | 2 +- v2/thirdpartyemailpassword/quickstart/frontend-setup.mdx | 2 +- .../common-customizations/email-verification/about.mdx | 2 +- v2/thirdpartypasswordless/quickstart/frontend-setup.mdx | 2 +- v2/unified-login/multiple-frontends-with-a-single-backend.mdx | 2 +- .../multiple-frontends-with-separate-backends.mdx | 2 +- 16 files changed, 18 insertions(+), 18 deletions(-) diff --git a/v2/emailpassword/common-customizations/email-verification/about.mdx b/v2/emailpassword/common-customizations/email-verification/about.mdx index 019a2bfc6..6414aa2d7 100644 --- a/v2/emailpassword/common-customizations/email-verification/about.mdx +++ b/v2/emailpassword/common-customizations/email-verification/about.mdx @@ -173,7 +173,7 @@ function App() { ``` :::important -If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); // createBrowserRouter also works in the following way diff --git a/v2/emailpassword/quickstart/frontend-setup.mdx b/v2/emailpassword/quickstart/frontend-setup.mdx index 66b7237f8..a7ed469d2 100644 --- a/v2/emailpassword/quickstart/frontend-setup.mdx +++ b/v2/emailpassword/quickstart/frontend-setup.mdx @@ -407,7 +407,7 @@ class App extends React.Component { ``` :::important -If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); // createBrowserRouter also works in the following way diff --git a/v2/mfa/email-sms-otp/otp-for-all-users.mdx b/v2/mfa/email-sms-otp/otp-for-all-users.mdx index c3e639f8a..f12a751b1 100644 --- a/v2/mfa/email-sms-otp/otp-for-all-users.mdx +++ b/v2/mfa/email-sms-otp/otp-for-all-users.mdx @@ -405,7 +405,7 @@ function App() { ``` :::important -If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); // createBrowserRouter also works in the following way @@ -1069,7 +1069,7 @@ function App() { ``` :::important -If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); // createBrowserRouter also works in the following way diff --git a/v2/mfa/legacy-method/pre-built-ui/protecting-routes.mdx b/v2/mfa/legacy-method/pre-built-ui/protecting-routes.mdx index 06d190a7c..d9cb45f9b 100644 --- a/v2/mfa/legacy-method/pre-built-ui/protecting-routes.mdx +++ b/v2/mfa/legacy-method/pre-built-ui/protecting-routes.mdx @@ -69,7 +69,7 @@ function App() { ``` :::important -If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); // createBrowserRouter also works in the following way diff --git a/v2/mfa/legacy-method/pre-built-ui/showing-login-ui.mdx b/v2/mfa/legacy-method/pre-built-ui/showing-login-ui.mdx index c5296c4c6..42329e9a9 100644 --- a/v2/mfa/legacy-method/pre-built-ui/showing-login-ui.mdx +++ b/v2/mfa/legacy-method/pre-built-ui/showing-login-ui.mdx @@ -205,7 +205,7 @@ function App() { ``` :::important -If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); // createBrowserRouter also works in the following way diff --git a/v2/mfa/totp/totp-for-all-users.mdx b/v2/mfa/totp/totp-for-all-users.mdx index e1654ea6e..f973d7878 100644 --- a/v2/mfa/totp/totp-for-all-users.mdx +++ b/v2/mfa/totp/totp-for-all-users.mdx @@ -328,7 +328,7 @@ function App() { ``` :::important -If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); // createBrowserRouter also works in the following way @@ -1279,7 +1279,7 @@ function App() { ``` :::important -If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); // createBrowserRouter also works in the following way diff --git a/v2/passwordless/common-customizations/email-verification/about.mdx b/v2/passwordless/common-customizations/email-verification/about.mdx index 38363c68e..b8e585b3f 100644 --- a/v2/passwordless/common-customizations/email-verification/about.mdx +++ b/v2/passwordless/common-customizations/email-verification/about.mdx @@ -173,7 +173,7 @@ function App() { ``` :::important -If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); // createBrowserRouter also works in the following way diff --git a/v2/passwordless/quickstart/frontend-setup.mdx b/v2/passwordless/quickstart/frontend-setup.mdx index eee974ecd..9c63a25c8 100644 --- a/v2/passwordless/quickstart/frontend-setup.mdx +++ b/v2/passwordless/quickstart/frontend-setup.mdx @@ -433,7 +433,7 @@ class App extends React.Component { ``` :::important -If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); // createBrowserRouter also works in the following way diff --git a/v2/thirdparty/common-customizations/email-verification/about.mdx b/v2/thirdparty/common-customizations/email-verification/about.mdx index b62432bec..edb86f9a0 100644 --- a/v2/thirdparty/common-customizations/email-verification/about.mdx +++ b/v2/thirdparty/common-customizations/email-verification/about.mdx @@ -170,7 +170,7 @@ function App() { ``` :::important -If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); // createBrowserRouter also works in the following way diff --git a/v2/thirdparty/quickstart/frontend-setup.mdx b/v2/thirdparty/quickstart/frontend-setup.mdx index 90678a5e9..4711aa380 100644 --- a/v2/thirdparty/quickstart/frontend-setup.mdx +++ b/v2/thirdparty/quickstart/frontend-setup.mdx @@ -432,7 +432,7 @@ class App extends React.Component { ``` :::important -If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); // createBrowserRouter also works in the following way diff --git a/v2/thirdpartyemailpassword/common-customizations/email-verification/about.mdx b/v2/thirdpartyemailpassword/common-customizations/email-verification/about.mdx index b62432bec..edb86f9a0 100644 --- a/v2/thirdpartyemailpassword/common-customizations/email-verification/about.mdx +++ b/v2/thirdpartyemailpassword/common-customizations/email-verification/about.mdx @@ -170,7 +170,7 @@ function App() { ``` :::important -If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); // createBrowserRouter also works in the following way diff --git a/v2/thirdpartyemailpassword/quickstart/frontend-setup.mdx b/v2/thirdpartyemailpassword/quickstart/frontend-setup.mdx index 804d839ce..a969980fd 100644 --- a/v2/thirdpartyemailpassword/quickstart/frontend-setup.mdx +++ b/v2/thirdpartyemailpassword/quickstart/frontend-setup.mdx @@ -439,7 +439,7 @@ class App extends React.Component { ``` :::important -If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); // createBrowserRouter also works in the following way diff --git a/v2/thirdpartypasswordless/common-customizations/email-verification/about.mdx b/v2/thirdpartypasswordless/common-customizations/email-verification/about.mdx index b62432bec..edb86f9a0 100644 --- a/v2/thirdpartypasswordless/common-customizations/email-verification/about.mdx +++ b/v2/thirdpartypasswordless/common-customizations/email-verification/about.mdx @@ -170,7 +170,7 @@ function App() { ``` :::important -If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); // createBrowserRouter also works in the following way diff --git a/v2/thirdpartypasswordless/quickstart/frontend-setup.mdx b/v2/thirdpartypasswordless/quickstart/frontend-setup.mdx index ec2a02e90..6ea820f34 100644 --- a/v2/thirdpartypasswordless/quickstart/frontend-setup.mdx +++ b/v2/thirdpartypasswordless/quickstart/frontend-setup.mdx @@ -480,7 +480,7 @@ class App extends React.Component { ``` :::important -If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); // createBrowserRouter also works in the following way diff --git a/v2/unified-login/multiple-frontends-with-a-single-backend.mdx b/v2/unified-login/multiple-frontends-with-a-single-backend.mdx index a084bd4d1..9f67c4a07 100644 --- a/v2/unified-login/multiple-frontends-with-a-single-backend.mdx +++ b/v2/unified-login/multiple-frontends-with-a-single-backend.mdx @@ -467,7 +467,7 @@ class App extends React.Component { ``` :::important -If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); // createBrowserRouter also works in the following way diff --git a/v2/unified-login/multiple-frontends-with-separate-backends.mdx b/v2/unified-login/multiple-frontends-with-separate-backends.mdx index 3d1a9ce9c..2c450450e 100644 --- a/v2/unified-login/multiple-frontends-with-separate-backends.mdx +++ b/v2/unified-login/multiple-frontends-with-separate-backends.mdx @@ -304,7 +304,7 @@ class App extends React.Component { ``` :::important -If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. [Issue Reference](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) +If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); // createBrowserRouter also works in the following way From 4008743d031418cd7272dea184c34df739de2eee Mon Sep 17 00:00:00 2001 From: Deepjyoti Barman Date: Thu, 5 Dec 2024 11:29:01 +0530 Subject: [PATCH 4/4] Make hook related usage of router correct based on example --- .../common-customizations/email-verification/about.mdx | 2 +- v2/mfa/email-sms-otp/otp-for-all-users.mdx | 4 ++-- v2/mfa/legacy-method/pre-built-ui/protecting-routes.mdx | 2 +- v2/mfa/legacy-method/pre-built-ui/showing-login-ui.mdx | 2 +- v2/mfa/totp/totp-for-all-users.mdx | 4 ++-- .../common-customizations/email-verification/about.mdx | 2 +- .../common-customizations/email-verification/about.mdx | 2 +- .../common-customizations/email-verification/about.mdx | 2 +- .../common-customizations/email-verification/about.mdx | 2 +- v2/unified-login/multiple-frontends-with-a-single-backend.mdx | 2 +- .../multiple-frontends-with-separate-backends.mdx | 2 +- 11 files changed, 13 insertions(+), 13 deletions(-) diff --git a/v2/emailpassword/common-customizations/email-verification/about.mdx b/v2/emailpassword/common-customizations/email-verification/about.mdx index 6414aa2d7..30ac1b7cf 100644 --- a/v2/emailpassword/common-customizations/email-verification/about.mdx +++ b/v2/emailpassword/common-customizations/email-verification/about.mdx @@ -175,7 +175,7 @@ function App() { :::important If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx -const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [/* Other pre built UI */ EmailVerificationPreBuiltUI]); // createBrowserRouter also works in the following way const router = useRoutes([ ...routes.map(route => route.props), diff --git a/v2/mfa/email-sms-otp/otp-for-all-users.mdx b/v2/mfa/email-sms-otp/otp-for-all-users.mdx index f12a751b1..e9a83b24a 100644 --- a/v2/mfa/email-sms-otp/otp-for-all-users.mdx +++ b/v2/mfa/email-sms-otp/otp-for-all-users.mdx @@ -407,7 +407,7 @@ function App() { :::important If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx -const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [EmailPasswordPreBuiltUI, ThirdPartyPreBuiltUI, PasswordlessPreBuiltUI, MultiFactorAuthPreBuiltUI]); // createBrowserRouter also works in the following way const router = useRoutes([ ...routes.map(route => route.props), @@ -1071,7 +1071,7 @@ function App() { :::important If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx -const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [EmailPasswordPreBuiltUI, ThirdPartyPreBuiltUI, PasswordlessPreBuiltUI, MultiFactorAuthPreBuiltUI]); // createBrowserRouter also works in the following way const router = useRoutes([ ...routes.map(route => route.props), diff --git a/v2/mfa/legacy-method/pre-built-ui/protecting-routes.mdx b/v2/mfa/legacy-method/pre-built-ui/protecting-routes.mdx index d9cb45f9b..8d5618822 100644 --- a/v2/mfa/legacy-method/pre-built-ui/protecting-routes.mdx +++ b/v2/mfa/legacy-method/pre-built-ui/protecting-routes.mdx @@ -71,7 +71,7 @@ function App() { :::important If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx -const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [ThirdPartyPreBuiltUI, EmailPasswordPreBuiltUI, PasswordlessPreBuiltUI, MultiFactorAuthPreBuiltUI]); // createBrowserRouter also works in the following way const router = useRoutes([ ...routes.map(route => route.props), diff --git a/v2/mfa/legacy-method/pre-built-ui/showing-login-ui.mdx b/v2/mfa/legacy-method/pre-built-ui/showing-login-ui.mdx index 42329e9a9..41f254a08 100644 --- a/v2/mfa/legacy-method/pre-built-ui/showing-login-ui.mdx +++ b/v2/mfa/legacy-method/pre-built-ui/showing-login-ui.mdx @@ -207,7 +207,7 @@ function App() { :::important If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx -const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [ThirdPartyPreBuiltUI, EmailPasswordPreBuiltUI, PasswordlessPreBuiltUI, MultiFactorAuthPreBuiltUI]); // createBrowserRouter also works in the following way const router = useRoutes([ ...routes.map(route => route.props), diff --git a/v2/mfa/totp/totp-for-all-users.mdx b/v2/mfa/totp/totp-for-all-users.mdx index f973d7878..cdcc68e69 100644 --- a/v2/mfa/totp/totp-for-all-users.mdx +++ b/v2/mfa/totp/totp-for-all-users.mdx @@ -330,7 +330,7 @@ function App() { :::important If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx -const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDOM, [/* ... */ TOTPPreBuiltUI, MultiFactorAuthPreBuiltUI]); // createBrowserRouter also works in the following way const router = useRoutes([ ...routes.map(route => route.props), @@ -1281,7 +1281,7 @@ function App() { :::important If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx -const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDOM, [/* ... */ TOTPPreBuiltUI, MultiFactorAuthPreBuiltUI]); // createBrowserRouter also works in the following way const router = useRoutes([ ...routes.map(route => route.props), diff --git a/v2/passwordless/common-customizations/email-verification/about.mdx b/v2/passwordless/common-customizations/email-verification/about.mdx index b8e585b3f..8e12776b3 100644 --- a/v2/passwordless/common-customizations/email-verification/about.mdx +++ b/v2/passwordless/common-customizations/email-verification/about.mdx @@ -175,7 +175,7 @@ function App() { :::important If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx -const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDOM, [/* Other pre built UI */ EmailVerificationPreBuiltUI]); // createBrowserRouter also works in the following way const router = useRoutes([ ...routes.map(route => route.props), diff --git a/v2/thirdparty/common-customizations/email-verification/about.mdx b/v2/thirdparty/common-customizations/email-verification/about.mdx index edb86f9a0..388908246 100644 --- a/v2/thirdparty/common-customizations/email-verification/about.mdx +++ b/v2/thirdparty/common-customizations/email-verification/about.mdx @@ -172,7 +172,7 @@ function App() { :::important If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx -const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDOM, [/* Other pre built UI */ EmailVerificationPreBuiltUI]); // createBrowserRouter also works in the following way const router = useRoutes([ ...routes.map(route => route.props), diff --git a/v2/thirdpartyemailpassword/common-customizations/email-verification/about.mdx b/v2/thirdpartyemailpassword/common-customizations/email-verification/about.mdx index edb86f9a0..388908246 100644 --- a/v2/thirdpartyemailpassword/common-customizations/email-verification/about.mdx +++ b/v2/thirdpartyemailpassword/common-customizations/email-verification/about.mdx @@ -172,7 +172,7 @@ function App() { :::important If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx -const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDOM, [/* Other pre built UI */ EmailVerificationPreBuiltUI]); // createBrowserRouter also works in the following way const router = useRoutes([ ...routes.map(route => route.props), diff --git a/v2/thirdpartypasswordless/common-customizations/email-verification/about.mdx b/v2/thirdpartypasswordless/common-customizations/email-verification/about.mdx index edb86f9a0..388908246 100644 --- a/v2/thirdpartypasswordless/common-customizations/email-verification/about.mdx +++ b/v2/thirdpartypasswordless/common-customizations/email-verification/about.mdx @@ -172,7 +172,7 @@ function App() { :::important If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx -const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDOM, [/* Other pre built UI */ EmailVerificationPreBuiltUI]); // createBrowserRouter also works in the following way const router = useRoutes([ ...routes.map(route => route.props), diff --git a/v2/unified-login/multiple-frontends-with-a-single-backend.mdx b/v2/unified-login/multiple-frontends-with-a-single-backend.mdx index 9f67c4a07..6c5f25ffd 100644 --- a/v2/unified-login/multiple-frontends-with-a-single-backend.mdx +++ b/v2/unified-login/multiple-frontends-with-a-single-backend.mdx @@ -469,7 +469,7 @@ class App extends React.Component { :::important If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx -const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [OAuth2ProviderPreBuiltUI]); // createBrowserRouter also works in the following way const router = useRoutes([ ...routes.map(route => route.props), diff --git a/v2/unified-login/multiple-frontends-with-separate-backends.mdx b/v2/unified-login/multiple-frontends-with-separate-backends.mdx index 2c450450e..ea10d1552 100644 --- a/v2/unified-login/multiple-frontends-with-separate-backends.mdx +++ b/v2/unified-login/multiple-frontends-with-separate-backends.mdx @@ -306,7 +306,7 @@ class App extends React.Component { :::important If you are using `useRoutes` or `createBrowserRouter` or have routes defined in a different file, use it in the following way. Please see [this issue](https://github.com/supertokens/supertokens-auth-react/issues/581#issuecomment-1246998493) for further details. ```tsx -const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [^{recipePreBuiltUINameCapitalLetters}]); +const routes = getSuperTokensRoutesForReactRouterDom(reactRouterDom, [OAuth2ProviderPreBuiltUI]); // createBrowserRouter also works in the following way const router = useRoutes([ ...routes.map(route => route.props),