Mortgage Mgmt (PRD-128) — concept inventory

Concept: Mortgage Mgmt (PRD-128)

Design-lane concept, built inside the real frontend behind a feature flag. It is not a working feature. Engineers rebuild it properly; this folder can be deleted in one step once that happens.

The idea

Growth > Mortgage asks one question per user ("When does your fixed rate expire?"), but a customer commonly holds two to seven mortgage accounts at one bank with different terms. This concept gives every mortgage account its own card that collects its loan type (fixed, floating or revolving credit), rate, fixed-term expiry and regular repayment, and pays the customer back with:

a Mortgage forecast card across the whole mortgage: balance over time, projected payoff, interest still to pay, total still to pay, next fixed term ending;
an example mode before any account has its terms, computed from the customer's real balance at stated example assumptions, so the value of entering the details is visible before they type anything;
what-if controls that start from today's repayments and rate (plus a one-off lump sum with a date) and show a Now / What-if / Change table;
two new recommendation cards (a fixed term ending within 90 days, details incomplete) and the large-mortgage card kept from the old rate-review card;
a locked view for users without Boost or a trial.

The scope (what, blast radius, requirements, resolved product questions) is prototypes/prd-128-mortgage-mgmt/SCOPE.md; the design decision is prototypes/prd-128-mortgage-mgmt/DESIGN.md (Concept A, forecast first). Both live on branch design/prd-128-mortgage-mgmt.

Where it lives

Thing	Path
Route (`/mortgage-mgmt`)	`frontend/apps/sort-me/pages/mortgage-mgmt/index.page.tsx`
Concept code	`frontend/apps/sort-me/concepts/mortgage-mgmt/`
Derived values (the maths)	`concepts/mortgage-mgmt/rules.ts` (+ `__tests__/rules.test.ts`)
Fake store + concept bar	`concepts/_lib/useConceptStore.ts`, `concepts/_lib/ConceptBar.tsx`
Flow storyboard spec	`concepts/mortgage-mgmt/flow.spec.ts`
Stories	`concepts/mortgage-mgmt/__stories__/MortgageMgmt.stories.tsx`
Backend flag	`app/Features/MortgageMgmtConceptFeature.php`
Frontend flag	`FeatureFlag.MortgageMgmtConceptFeature`

The page renders nothing when the flag is off, and the flag is never turned on in production. The page is deliberately absent from the navigation. In the real build this is the Mortgage tab of /growth, not a page of its own; the concept draws the Growth page frame (heading, tab strip, white panel) around the tab so the screenshots read like the real page.

Click through it

Buttons change a fake in-memory store (concepts/_lib/useConceptStore.ts) mirrored into sessionStorage under concept:mortgage-mgmt, so the state survives a navigation and a reload. ?scenario=<name> seeds a state; the concept bar switches between them and resets. The bar's one simulate button makes the next save fail, so the save-failed state can be reached by clicking.

Scenarios: needs-details (default) · partial · ready · not-reducing · revolving-only · empty · locked · loading · error.

What is fake

Every account and every number comes from scenarios.ts. No API call is made.
The forecast maths in rules.ts is the concept's statement of the rule, not a decided implementation. The build reproduces it in a service.
The editor's expiry and the what-if lump-sum date are text fields showing DD/MM/YYYY; the build uses the app's own calendar with month and year selects.
The recommendation cards are fake Recommendation objects rendered with the real AdvisoryCard. Their triggers live in the signals engine in the build.
"See Boost plans" and "Talk to an adviser" do nothing here. In the build they call the shell's Boost handler and the existing referral flow.
The example-mode rate and term (6.00%, 25 years) are constants the build owns.

Open questions

None. All nine product questions in SCOPE.md's register were resolved by Carl on 8 Oct 2026. The non-blocking follow-up (a prod count of active users without Boost or a trial, to size the locked audience) does not change the design.

Flows

Click any step to open its full-size screenshot.

Add the details for each account and watch the forecast appear

Open the tab with no loan terms yet (desktop) — 01 Open the tab with no loan terms yet

Open the tab with no loan terms yet (mobile) — 01 Open the tab with no loan terms yet

Tap Add my details on the example (desktop) — 02 Tap Add my details on the example

Tap Add my details on the example (mobile) — 02 Tap Add my details on the example

Choose Fixed and enter the rate and expiry (desktop) — 03 Choose Fixed and enter the rate and expiry

Choose Fixed and enter the rate and expiry (mobile) — 03 Choose Fixed and enter the rate and expiry

Save and see the real forecast with two accounts still to add (desktop) — 04 Save and see the real forecast with two accounts still to add

Save and see the real forecast with two accounts still to add (mobile) — 04 Save and see the real forecast with two accounts still to add

Add the second fixed account (desktop) — 05 Add the second fixed account

Add the second fixed account (mobile) — 05 Add the second fixed account

Mark the flexible account as revolving credit (desktop) — 06 Mark the flexible account as revolving credit

Mark the flexible account as revolving credit (mobile) — 06 Mark the flexible account as revolving credit

Try a what-if on the finished forecast

Open the tab with every account complete (desktop) — 01 Open the tab with every account complete

Open the tab with every account complete (mobile) — 01 Open the tab with every account complete

Open the what-if controls (desktop) — 02 Open the what-if controls

Open the what-if controls (mobile) — 02 Open the what-if controls

Raise the repayments by $200 a fortnight (desktop) — 03 Raise the repayments by $200 a fortnight

Raise the repayments by $200 a fortnight (mobile) — 03 Raise the repayments by $200 a fortnight

Add a lump sum and a lower rate on top (desktop) — 04 Add a lump sum and a lower rate on top

Add a lump sum and a lower rate on top (mobile) — 04 Add a lump sum and a lower rate on top

Reset back to today (desktop) — 05 Reset back to today

Reset back to today (mobile) — 05 Reset back to today

A save fails and the user retries

Arm a failing save from the concept bar (desktop) — 01 Arm a failing save from the concept bar

Arm a failing save from the concept bar (mobile) — 01 Arm a failing save from the concept bar

Save and see the failure with the typed values kept (desktop) — 02 Save and see the failure with the typed values kept

Save and see the failure with the typed values kept (mobile) — 02 Save and see the failure with the typed values kept

Retry and land on the forecast (desktop) — 03 Retry and land on the forecast

Retry and land on the forecast (mobile) — 03 Retry and land on the forecast

A rate outside the allowed range is refused

Enter a 31% rate (desktop) — 01 Enter a 31% rate

Enter a 31% rate (mobile) — 01 Enter a 31% rate

Without Boost the forecast is a teaser

Open the tab as an unsubscribed user (desktop) — 01 Open the tab as an unsubscribed user

Open the tab as an unsubscribed user (mobile) — 01 Open the tab as an unsubscribed user

Scenarios

Needs details (first visit) 14 console errors

Three ANZ accounts, no loan terms yet. The forecast is in example mode, computed from the real balance at the stated example assumptions, with one Add my details button in the middle of the chart.

?scenario=needs-details

Needs details (first visit) (desktop) — desktop

Needs details (first visit) (mobile) — mobile

Errors

Warning: Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render%s Fe AuthLayout AuthLayout 
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Warning: validateDOMNesting(...): %s cannot appear as a descendant of <%s>.%s <a> a 
    at a
    at div
    at a
    at LinkComponent (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/link.js:134:19)
    at div
    at LinkItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:151:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:305:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:105:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:186:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 403 (Forbidden)
Error: Request failed with status code 403
    at createError (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/createError.js:16:15)
    at settle (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/settle.js:17:12)
    at XMLHttpRequest.onloadend (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/adapters/xhr.js:66:7)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Warning: Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.%s 

Check the render method of `VideoTutorials`.  
    at button
    at VideoTutorials (webpack-internal:///(pages-dir-browser)/./components/onboarding-videos/VideoTutorials.tsx:101:27)
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Warning: Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render%s Fe AuthLayout AuthLayout 
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Warning: validateDOMNesting(...): %s cannot appear as a descendant of <%s>.%s <a> a 
    at a
    at div
    at a
    at LinkComponent (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/link.js:134:19)
    at div
    at LinkItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:151:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:305:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:105:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:186:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 403 (Forbidden)
Error: Request failed with status code 403
    at createError (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/createError.js:16:15)
    at settle (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/settle.js:17:12)
    at XMLHttpRequest.onloadend (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/adapters/xhr.js:66:7)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Warning: Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.%s 

Check the render method of `VideoTutorials`.  
    at button
    at VideoTutorials (webpack-internal:///(pages-dir-browser)/./components/onboarding-videos/VideoTutorials.tsx:101:27)
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)

Partial 14 console errors

One account complete. The real forecast shows for it; the other two are named as excluded.

?scenario=partial

Errors

Warning: Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render%s Fe AuthLayout AuthLayout 
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Warning: validateDOMNesting(...): %s cannot appear as a descendant of <%s>.%s <a> a 
    at a
    at div
    at a
    at LinkComponent (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/link.js:134:19)
    at div
    at LinkItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:151:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:305:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:105:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:186:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 403 (Forbidden)
Error: Request failed with status code 403
    at createError (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/createError.js:16:15)
    at settle (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/settle.js:17:12)
    at XMLHttpRequest.onloadend (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/adapters/xhr.js:66:7)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Warning: Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.%s 

Check the render method of `VideoTutorials`.  
    at button
    at VideoTutorials (webpack-internal:///(pages-dir-browser)/./components/onboarding-videos/VideoTutorials.tsx:101:27)
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Warning: Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render%s Fe AuthLayout AuthLayout 
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Warning: validateDOMNesting(...): %s cannot appear as a descendant of <%s>.%s <a> a 
    at a
    at div
    at a
    at LinkComponent (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/link.js:134:19)
    at div
    at LinkItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:151:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:305:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:105:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:186:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Failed to load resource: the server responded with a status of 403 (Forbidden)
Error: Request failed with status code 403
    at createError (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/createError.js:16:15)
    at settle (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/settle.js:17:12)
    at XMLHttpRequest.onloadend (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/adapters/xhr.js:66:7)
Warning: Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.%s 

Check the render method of `VideoTutorials`.  
    at button
    at VideoTutorials (webpack-internal:///(pages-dir-browser)/./components/onboarding-videos/VideoTutorials.tsx:101:27)
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)

Ready 14 console errors

Every account has its terms. One fixed term ends within 90 days, so the per-split refix card shows.

?scenario=ready

Errors

Warning: Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render%s Fe AuthLayout AuthLayout 
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Warning: validateDOMNesting(...): %s cannot appear as a descendant of <%s>.%s <a> a 
    at a
    at div
    at a
    at LinkComponent (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/link.js:134:19)
    at div
    at LinkItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:151:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:305:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:105:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:186:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 403 (Forbidden)
Error: Request failed with status code 403
    at createError (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/createError.js:16:15)
    at settle (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/settle.js:17:12)
    at XMLHttpRequest.onloadend (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/adapters/xhr.js:66:7)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Warning: Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.%s 

Check the render method of `VideoTutorials`.  
    at button
    at VideoTutorials (webpack-internal:///(pages-dir-browser)/./components/onboarding-videos/VideoTutorials.tsx:101:27)
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Warning: Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render%s Fe AuthLayout AuthLayout 
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Warning: validateDOMNesting(...): %s cannot appear as a descendant of <%s>.%s <a> a 
    at a
    at div
    at a
    at LinkComponent (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/link.js:134:19)
    at div
    at LinkItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:151:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:305:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:105:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:186:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Failed to load resource: the server responded with a status of 403 (Forbidden)
Error: Request failed with status code 403
    at createError (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/createError.js:16:15)
    at settle (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/settle.js:17:12)
    at XMLHttpRequest.onloadend (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/adapters/xhr.js:66:7)
Warning: Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.%s 

Check the render method of `VideoTutorials`.  
    at button
    at VideoTutorials (webpack-internal:///(pages-dir-browser)/./components/onboarding-videos/VideoTutorials.tsx:101:27)
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)

Never pays off 14 console errors

Fixed 2's repayment does not cover its interest: amber note above the chart, payoff shown as a dash, the card marked.

?scenario=not-reducing

Errors

Warning: Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render%s Fe AuthLayout AuthLayout 
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Warning: validateDOMNesting(...): %s cannot appear as a descendant of <%s>.%s <a> a 
    at a
    at div
    at a
    at LinkComponent (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/link.js:134:19)
    at div
    at LinkItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:151:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:305:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:105:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:186:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 403 (Forbidden)
Error: Request failed with status code 403
    at createError (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/createError.js:16:15)
    at settle (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/settle.js:17:12)
    at XMLHttpRequest.onloadend (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/adapters/xhr.js:66:7)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Warning: Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.%s 

Check the render method of `VideoTutorials`.  
    at button
    at VideoTutorials (webpack-internal:///(pages-dir-browser)/./components/onboarding-videos/VideoTutorials.tsx:101:27)
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Warning: Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render%s Fe AuthLayout AuthLayout 
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Warning: validateDOMNesting(...): %s cannot appear as a descendant of <%s>.%s <a> a 
    at a
    at div
    at a
    at LinkComponent (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/link.js:134:19)
    at div
    at LinkItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:151:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:305:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:105:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:186:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Failed to load resource: the server responded with a status of 403 (Forbidden)
Error: Request failed with status code 403
    at createError (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/createError.js:16:15)
    at settle (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/settle.js:17:12)
    at XMLHttpRequest.onloadend (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/adapters/xhr.js:66:7)
Warning: Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.%s 

Check the render method of `VideoTutorials`.  
    at button
    at VideoTutorials (webpack-internal:///(pages-dir-browser)/./components/onboarding-videos/VideoTutorials.tsx:101:27)
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)

Revolving only 14 console errors

Only a revolving credit facility: headline balance and a message, no curve, no what-if.

?scenario=revolving-only

Errors

Warning: Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render%s Fe AuthLayout AuthLayout 
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Warning: validateDOMNesting(...): %s cannot appear as a descendant of <%s>.%s <a> a 
    at a
    at div
    at a
    at LinkComponent (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/link.js:134:19)
    at div
    at LinkItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:151:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:305:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:105:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:186:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 403 (Forbidden)
Error: Request failed with status code 403
    at createError (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/createError.js:16:15)
    at settle (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/settle.js:17:12)
    at XMLHttpRequest.onloadend (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/adapters/xhr.js:66:7)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Warning: Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.%s 

Check the render method of `VideoTutorials`.  
    at button
    at VideoTutorials (webpack-internal:///(pages-dir-browser)/./components/onboarding-videos/VideoTutorials.tsx:101:27)
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Warning: Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render%s Fe AuthLayout AuthLayout 
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Warning: validateDOMNesting(...): %s cannot appear as a descendant of <%s>.%s <a> a 
    at a
    at div
    at a
    at LinkComponent (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/link.js:134:19)
    at div
    at LinkItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:151:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:305:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:105:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:186:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Failed to load resource: the server responded with a status of 403 (Forbidden)
Error: Request failed with status code 403
    at createError (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/createError.js:16:15)
    at settle (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/settle.js:17:12)
    at XMLHttpRequest.onloadend (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/adapters/xhr.js:66:7)
Warning: Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.%s 

Check the render method of `VideoTutorials`.  
    at button
    at VideoTutorials (webpack-internal:///(pages-dir-browser)/./components/onboarding-videos/VideoTutorials.tsx:101:27)
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)

Empty 14 console errors

No mortgage account connected: today's connect prompt, unchanged.

?scenario=empty

Errors

Warning: Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render%s Fe AuthLayout AuthLayout 
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Warning: validateDOMNesting(...): %s cannot appear as a descendant of <%s>.%s <a> a 
    at a
    at div
    at a
    at LinkComponent (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/link.js:134:19)
    at div
    at LinkItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:151:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:305:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:105:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:186:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Failed to load resource: the server responded with a status of 403 (Forbidden)
Error: Request failed with status code 403
    at createError (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/createError.js:16:15)
    at settle (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/settle.js:17:12)
    at XMLHttpRequest.onloadend (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/adapters/xhr.js:66:7)
Warning: Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.%s 

Check the render method of `VideoTutorials`.  
    at button
    at VideoTutorials (webpack-internal:///(pages-dir-browser)/./components/onboarding-videos/VideoTutorials.tsx:101:27)
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Warning: Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render%s Fe AuthLayout AuthLayout 
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Warning: validateDOMNesting(...): %s cannot appear as a descendant of <%s>.%s <a> a 
    at a
    at div
    at a
    at LinkComponent (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/link.js:134:19)
    at div
    at LinkItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:151:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:305:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:105:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:186:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Failed to load resource: the server responded with a status of 403 (Forbidden)
Error: Request failed with status code 403
    at createError (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/createError.js:16:15)
    at settle (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/settle.js:17:12)
    at XMLHttpRequest.onloadend (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/adapters/xhr.js:66:7)
Warning: Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.%s 

Check the render method of `VideoTutorials`.  
    at button
    at VideoTutorials (webpack-internal:///(pages-dir-browser)/./components/onboarding-videos/VideoTutorials.tsx:101:27)
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)

Locked (no Boost) 14 console errors

A user without Boost or a trial: blurred teaser with one CTA into the Boost modal; cards read-only; the details card routes to Boost.

?scenario=locked

Errors

Warning: Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render%s Fe AuthLayout AuthLayout 
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Warning: validateDOMNesting(...): %s cannot appear as a descendant of <%s>.%s <a> a 
    at a
    at div
    at a
    at LinkComponent (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/link.js:134:19)
    at div
    at LinkItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:151:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:305:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:105:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:186:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Failed to load resource: the server responded with a status of 403 (Forbidden)
Error: Request failed with status code 403
    at createError (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/createError.js:16:15)
    at settle (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/settle.js:17:12)
    at XMLHttpRequest.onloadend (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/adapters/xhr.js:66:7)
Warning: Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.%s 

Check the render method of `VideoTutorials`.  
    at button
    at VideoTutorials (webpack-internal:///(pages-dir-browser)/./components/onboarding-videos/VideoTutorials.tsx:101:27)
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Warning: Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render%s Fe AuthLayout AuthLayout 
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Warning: validateDOMNesting(...): %s cannot appear as a descendant of <%s>.%s <a> a 
    at a
    at div
    at a
    at LinkComponent (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/link.js:134:19)
    at div
    at LinkItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:151:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:305:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:105:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:186:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Failed to load resource: the server responded with a status of 403 (Forbidden)
Error: Request failed with status code 403
    at createError (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/createError.js:16:15)
    at settle (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/settle.js:17:12)
    at XMLHttpRequest.onloadend (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/adapters/xhr.js:66:7)
Warning: Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.%s 

Check the render method of `VideoTutorials`.  
    at button
    at VideoTutorials (webpack-internal:///(pages-dir-browser)/./components/onboarding-videos/VideoTutorials.tsx:101:27)
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)

Loading 14 console errors

Skeleton that mirrors the loaded tab.

?scenario=loading

Errors

Warning: Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render%s Fe AuthLayout AuthLayout 
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Warning: validateDOMNesting(...): %s cannot appear as a descendant of <%s>.%s <a> a 
    at a
    at div
    at a
    at LinkComponent (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/link.js:134:19)
    at div
    at LinkItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:151:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:305:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:105:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:186:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Failed to load resource: the server responded with a status of 403 (Forbidden)
Error: Request failed with status code 403
    at createError (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/createError.js:16:15)
    at settle (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/settle.js:17:12)
    at XMLHttpRequest.onloadend (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/adapters/xhr.js:66:7)
Warning: Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.%s 

Check the render method of `VideoTutorials`.  
    at button
    at VideoTutorials (webpack-internal:///(pages-dir-browser)/./components/onboarding-videos/VideoTutorials.tsx:101:27)
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Warning: Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render%s Fe AuthLayout AuthLayout 
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Warning: validateDOMNesting(...): %s cannot appear as a descendant of <%s>.%s <a> a 
    at a
    at div
    at a
    at LinkComponent (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/link.js:134:19)
    at div
    at LinkItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:151:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:305:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:105:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:186:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Failed to load resource: the server responded with a status of 403 (Forbidden)
Error: Request failed with status code 403
    at createError (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/createError.js:16:15)
    at settle (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/settle.js:17:12)
    at XMLHttpRequest.onloadend (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/adapters/xhr.js:66:7)
Warning: Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.%s 

Check the render method of `VideoTutorials`.  
    at button
    at VideoTutorials (webpack-internal:///(pages-dir-browser)/./components/onboarding-videos/VideoTutorials.tsx:101:27)
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)

Error 14 console errors

The data failed to load; retry offered.

?scenario=error

Errors

Warning: Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render%s Fe AuthLayout AuthLayout 
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Warning: validateDOMNesting(...): %s cannot appear as a descendant of <%s>.%s <a> a 
    at a
    at div
    at a
    at LinkComponent (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/link.js:134:19)
    at div
    at LinkItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:151:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:305:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:105:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:186:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Failed to load resource: the server responded with a status of 403 (Forbidden)
Error: Request failed with status code 403
    at createError (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/createError.js:16:15)
    at settle (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/settle.js:17:12)
    at XMLHttpRequest.onloadend (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/adapters/xhr.js:66:7)
Warning: Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.%s 

Check the render method of `VideoTutorials`.  
    at button
    at VideoTutorials (webpack-internal:///(pages-dir-browser)/./components/onboarding-videos/VideoTutorials.tsx:101:27)
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Warning: Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render%s Fe AuthLayout AuthLayout 
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Warning: validateDOMNesting(...): %s cannot appear as a descendant of <%s>.%s <a> a 
    at a
    at div
    at a
    at LinkComponent (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/link.js:134:19)
    at div
    at LinkItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:151:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:305:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:105:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:186:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Failed to load resource: the server responded with a status of 403 (Forbidden)
Error: Request failed with status code 403
    at createError (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/createError.js:16:15)
    at settle (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/settle.js:17:12)
    at XMLHttpRequest.onloadend (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/adapters/xhr.js:66:7)
Warning: Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.%s 

Check the render method of `VideoTutorials`.  
    at button
    at VideoTutorials (webpack-internal:///(pages-dir-browser)/./components/onboarding-videos/VideoTutorials.tsx:101:27)
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:208:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:40:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)