PRD-141 Pro upgrade journey (Is Pro right for me?)

Concept: Pro upgrade journey ("Is Pro right for me?")

Design-lane concept for PRD-141, built inside the real frontend behind a feature flag. It is not a working feature. Engineers rebuild it properly from HANDOFF.md; this folder, the route and the flag are deleted in one step once that happens.

The idea

Today the shared "Upgrade to Pro" modal sells one feature at a time and never explains who Pro is for, so about 1 in 35 people who open it reach a payment step, and a Boost trialist (half the audience) is told they are not eligible and left with nothing to do. The concept replaces the modal's content with a two-screen journey, decided in prototypes/prd-141-pro-upgrade-journey/DESIGN.md on 9 Nov 2026:

The modal title "Upgrade to SortMe Pro" gets the gate line as a subheading: "Adding a transaction by hand is part of Pro." (one line per gate).
Screen 1, "Is Pro right for me?" Four situations in the person's words, as tappable cards. The gate's situation is marked "What you clicked" but not pre-ticked. Tapping a card ticks it and slides straight to the price screen; a quiet "See the price anyway" covers someone who ticks nothing.
Screen 2, the price. A count line ("2 of 4 sound like you. Pro covers all of them.", or the soft line when nothing fits), the billing toggle, the price with its savings pill, and an ending that fits the audience: web Boost pays; store-billed Boost on web is sent to the app; a Boost trialist switches their trial to Pro with nothing charged until it ends; a trialist with nothing to switch is offered Pro at trial end; a partner or an adviser-paid household is told who manages the plan; Stripe-billed Boost on native is sent to the web; a native user whose subscription lives in the other store is sent there.
After a confirmed upgrade the modal closes and the gate restores its action with a line that always starts "You're now on Pro 💪". The page also has a "still updating" state (portal returned before Pro reached the profile), a "scheduled" state (a store deferred the change), and a page-level fallback when the thing they clicked is gone.

The click path

1. Open /pro-upgrade-journey as the demo user (flag on). The page stands in for the nine gates that open the journey in the real app. 2. Click Add transaction. The modal opens on screen 1 with "Adding a transaction by hand is part of Pro." under the title and situation 1 marked "What you clicked". 3. Tap I have a side hustle. Screen 2 slides in: "1 of 4 sound like you. Pro covers all of them.", Monthly | Annual, $399 /year with "Save $189", Upgrade to Pro. 4. Click Upgrade to Pro. The modal closes and the page shows "You're now on Pro 💪 Add your transaction." with the Add transaction form. 5. Use the concept bar's scenario list for every other audience and state, or the simulate buttons for the things a click cannot cause (the portal returning early, the webhook confirming, the target disappearing, the price failing to load).

Where it lives

Thing	Path
Route (`/pro-upgrade-journey`)	`frontend/apps/sort-me/pages/pro-upgrade-journey/index.page.tsx`
Concept code	`frontend/apps/sort-me/concepts/pro-upgrade-journey/`
The modal (what the real build replaces `ProFeatureUpgradeModal`'s content with)	`concepts/pro-upgrade-journey/ProUpgradeJourneyModal.tsx`
The harness page (the nine gates and the post-upgrade states)	`concepts/pro-upgrade-journey/ProUpgradeJourney.tsx`
Fixtures, one per state	`concepts/pro-upgrade-journey/scenarios.ts`
Derived values and the analytics contract	`concepts/pro-upgrade-journey/rules.ts` (+ `__tests__/rules.test.ts`)
Fake hook	`concepts/pro-upgrade-journey/useProUpgradeJourney.ts`
Fake store + concept bar	`concepts/_lib/useConceptStore.ts`, `concepts/_lib/ConceptBar.tsx`
Flow storyboards	`concepts/pro-upgrade-journey/flow.spec.ts`
Stories	`concepts/pro-upgrade-journey/__stories__/ProUpgradeJourney.stories.tsx`
Backend flag	`app/Features/ProUpgradeJourneyFeature.php`
Frontend flag	`FeatureFlag.ProUpgradeJourneyFeature`
Scope and design	`prototypes/prd-141-pro-upgrade-journey/SCOPE.md`, `DESIGN.md`, `concepts/board.html`

What is fake

Every number and name. Prices ($49/month, $399/year) are placeholders pending confirmation against Stripe (SCOPE.md register #6). The trial end date, the owner's name and the practice name are fixture values.
The gates. The nine buttons on the harness page stand in for the real gates (AddTransactionEntryPoint, the FY presets in TransactionsFilter, UpgradeToProButton, the Entities holding page, EntitiesPane, the three split gates, the Plans modal Pro card). The real build wires the journey into ProFeatureUpgradeModal and each caller passes its source.
The payment. "Upgrade to Pro" and "Switch my trial to Pro" close the modal and set the page state; nothing talks to Stripe, the portal or RevenueCat. The still-updating, scheduled and fallback states are reached through the concept bar's simulate buttons.
Analytics. Events are recorded into a panel on the page instead of being sent to PostHog, so reviewers can read the exact payloads. The real build sends them through proUpgradeAnalytics.ts.
The restored action. The Add transaction form on the confirmed state is a sketch; the real build opens AddTransactionModal. Other gates show a one-line description of what resumes.
The modal header. Drawn inside the modal body because the shared Modal has no subheading slot yet. The real build adds one to Modal.tsx.

Open questions

Product questions live in SCOPE.md → "Open questions (product)". Register #6 (confirm the current Pro prices and whether a two-year Pro option is live) is the only open row and is non-blocking: prices come from Stripe at runtime, so it changes the concept's placeholders and the 2 Years pill, not the build.

Flows

Click any step to open its full-size screenshot.

Upgrade to Pro from Add transaction

Click Add transaction as a Boost subscriber (desktop) — 01 Click Add transaction as a Boost subscriber

Click Add transaction as a Boost subscriber (mobile) — 01 Click Add transaction as a Boost subscriber

Tap a situation and slide to the price (desktop) — 02 Tap a situation and slide to the price

Tap a situation and slide to the price (mobile) — 02 Tap a situation and slide to the price

Go back and tick a second situation (desktop) — 03 Go back and tick a second situation

Go back and tick a second situation (mobile) — 03 Go back and tick a second situation

Choose monthly billing (desktop) — 04 Choose monthly billing

Choose monthly billing (mobile) — 04 Choose monthly billing

Upgrade and land back on the gate, unlocked (desktop) — 05 Upgrade and land back on the gate, unlocked

Upgrade and land back on the gate, unlocked (mobile) — 05 Upgrade and land back on the gate, unlocked

A trialist switches their trial to Pro

Open the journey from the split gate as a trialist (desktop) — 01 Open the journey from the split gate as a trialist

Open the journey from the split gate as a trialist (mobile) — 01 Open the journey from the split gate as a trialist

Tap "I need to split transactions" (desktop) — 02 Tap "I need to split transactions"

Tap "I need to split transactions" (mobile) — 02 Tap "I need to split transactions"

Switch the trial and return to the gate (desktop) — 03 Switch the trial and return to the gate

Switch the trial and return to the gate (mobile) — 03 Switch the trial and return to the gate

Nothing fits, the price fails to load, then the portal is slow

See the price without ticking anything (desktop) — 01 See the price without ticking anything

See the price without ticking anything (mobile) — 01 See the price without ticking anything

The price fails to load and the button is disabled (desktop) — 02 The price fails to load and the button is disabled

The price fails to load and the button is disabled (mobile) — 02 The price fails to load and the button is disabled

Try again brings the price back (desktop) — 03 Try again brings the price back

Try again brings the price back (mobile) — 03 Try again brings the price back

04 The portal returns before Pro shows on the profile

The webhook confirms and the gate unlocks (desktop) — 05 The webhook confirms and the gate unlocks

The webhook confirms and the gate unlocks (mobile) — 05 The webhook confirms and the gate unlocks

Scenarios

Gate page 6 console errors

The harness before any click: the nine gates that open the journey.

?scenario=closed

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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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)

Screen 1 — situations 6 console errors

A web Boost subscriber clicked Add transaction. The gate line sits under the title; situation 1 is marked 'What you clicked'.

?scenario=web

Screen 1 — situations (desktop) — desktop

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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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)

Screen 1 — from the FY preset 6 console errors

Opened from the locked Current FY preset: situation 4 is highlighted.

?scenario=gate-fy

Screen 1 — from the FY preset (desktop) — desktop

Screen 1 — from the FY preset (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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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)

Screen 1 — from Split 6 console errors

Opened from the split gate: situation 2 is highlighted.

?scenario=gate-split

Screen 1 — from Split (desktop) — desktop

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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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)

Screen 2 — web Boost, two ticked 6 console errors

Monthly | Annual toggle, $399/year with the savings pill, Upgrade to Pro.

?scenario=web-ticked

Screen 2 — web Boost, two ticked (desktop) — desktop

Screen 2 — web Boost, two ticked (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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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)

Screen 2 — nothing ticked 6 console errors

Continued without ticking: the soft line, price still shown.

?scenario=nothing-ticked

Screen 2 — nothing ticked (desktop) — desktop

Screen 2 — nothing ticked (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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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)

Screen 2 — store-billed on web 6 console errors

Price shown, no button: finish in the SortMe app.

?scenario=store

Screen 2 — store-billed on web (desktop) — desktop

Screen 2 — store-billed on web (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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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)

Screen 2 — Boost trialist 6 console errors

Switch my trial to Pro; trial ends 14 Nov 2026; first Pro charge that day.

?scenario=trial

Screen 2 — Boost trialist (desktop) — desktop

Screen 2 — Boost trialist (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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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)

Screen 2 — trial-end offer 6 console errors

Nothing to switch: Pro is offered when the trial ends, with a reminder.

?scenario=trial-end

Screen 2 — trial-end offer (desktop) — desktop

Screen 2 — trial-end offer (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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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)

Screen 2 — household partner 6 console errors

Alex manages the plan for this account. No button.

?scenario=partner

Screen 2 — household partner (desktop) — desktop

Screen 2 — household partner (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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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)

Screen 2 — adviser-paid 6 console errors

The plan is managed by Naked Finance. No button.

?scenario=adviser

Screen 2 — adviser-paid (desktop) — desktop

Screen 2 — adviser-paid (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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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)

Screen 2 — Stripe-billed on native 6 console errors

Upgrade on the web.

?scenario=native-stripe

Screen 2 — Stripe-billed on native (desktop) — desktop

Screen 2 — Stripe-billed on native (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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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)

Screen 2 — other store 6 console errors

The subscription lives in the other app store.

?scenario=cross-store

Screen 2 — other store (desktop) — desktop

Screen 2 — other store (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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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)

Screen 2 — price failed to load 6 console errors

Red line with Try again; the payment button is disabled.

?scenario=pricing-error

Screen 2 — price failed to load (desktop) — desktop

Screen 2 — price failed to load (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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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)

Screen 2 — price loading 6 console errors

Skeleton where the price goes.

?scenario=loading

Screen 2 — price loading (desktop) — desktop

Screen 2 — price loading (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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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)

Gate — confirmed 6 console errors

Modal closed; 'You're now on Pro 💪 Add your transaction.' with the form restored.

?scenario=confirmed

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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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)

Gate — still updating 6 console errors

The portal returned before Pro reached the profile; the gate stays locked.

?scenario=updating

Gate — still updating (desktop) — desktop

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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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)

Gate — change scheduled 6 console errors

A store deferred the switch to the next renewal.

?scenario=scheduled

Gate — change scheduled (desktop) — desktop

Gate — change scheduled (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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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)

Gate — target gone 6 console errors

Confirmed, but the split row is no longer there.

?scenario=fallback

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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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:186:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:348:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:108:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:193:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:323:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:62: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:159: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:207: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)