feat: expand the missing ui error message to provide more info on com…

…mon errors
supertokens · Oct 4, 2024 · 9f1060b · 9f1060b
1 parent 43086e8
commit 9f1060b
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -13,6 +13,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 -   Added the `OAuth2Provider` recipe
 -   Changed the input types and default implementation of `AuthPageHeader` to show the client information in OAuth2 flows
+-   Expanded an error message in `AuthPage` to help with common errors
 
 ### Breaking changes
 

diff --git a/lib/build/index2.js b/lib/build/index2.js
diff --git a/lib/ts/recipe/authRecipe/components/feature/authPage/authPage.tsx b/lib/ts/recipe/authRecipe/components/feature/authPage/authPage.tsx
@@ -569,7 +569,9 @@ async function buildAndSetChildProps(
         throw new Error(
             `Couldn't cover all first factors: ${firstFactors.join(
                 ", "
-            )} (from ${source}), available components: ${Array.from(availableFactors).join(", ")}`
+            )} (from ${source}), available components: ${Array.from(availableFactors).join(", ")}.\n` +
+                "You may have missed adding a recipe into the list of prebuiltUIs passed to getSuperTokensRoutesForReactRouterDom or AuthPage.\n" +
+                "Another common error is adding a non-existent factor id into the list, e.g.: passwordless instead of otp-email/phone"
         );
     }