PRD-138 Christmas planner

Concept inventory · route /christmas-planner · 15 scenarios

Concept: Christmas planner (PRD-138)

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

The idea

A Kiwi-Christmas planner, decided as Concept B "Sleigh steps" in prototypes/prd-138-christmas-planner/DESIGN.md: six stops (Gifts, Food & drink, Travel, Events & outings, Decorations, Other), then a Summary with the total, the need-by date, what is already put aside, the weekly and fortnightly put-aside, and cash on hand on the day once the plan is in Cashflow. "Add to my cashflow" makes one budget one-off per section, which the planner owns and keeps in sync. "Create a Christmas goal" opens the existing Create Goal form prefilled. A plan made on the free public embed at sortme.com can follow the visitor into signup and be imported. The public embed opens on one primary "Start my planner" (no starter list) that goes to the Gifts stop, with a thumbnail of the plan PDF beside it captioned "Get your plan PDF". The embed is lead generation: "Email me my plan" is its primary button, above an "Add this plan to your budget" card with "Try SortMe $1 for 7 days". Email me my plan sends the plan as a PDF and, only if the visitor ticks the box, enters them into a Christmas email sequence. The "what SortMe is" priming lives on the website page around the embed. The feature is seasonal: 10 Nov 2026 to 31 Jan 2027, with the Christmas tree as its icon.

Where it lives

ThingPath
Hub route (/christmas-planner): Summary, or the first-run offerfrontend/apps/sort-me/pages/christmas-planner/index.page.tsx
One stop per section (/christmas-planner/step/gifts … /other)frontend/apps/sort-me/pages/christmas-planner/step/[section].page.tsx
Overview banner preview (/christmas-planner/banner, ?variant=ready)frontend/apps/sort-me/pages/christmas-planner/banner.page.tsx
One-offs page rows preview (/christmas-planner/one-offs)frontend/apps/sort-me/pages/christmas-planner/one-offs.page.tsx
Create Goal prefilled preview (/christmas-planner/goal)frontend/apps/sort-me/pages/christmas-planner/goal.page.tsx
Public embed for sortme.com: the same sleigh as in-app (/christmas-planner/public, stops at /christmas-planner/public/step/<section>), with ?scenario=, `&variant=signed-in\holiday\next-year, &email=open\sent\limited\error`; bare: no app shell; responsive, max 1,200px wide
Emailed plan PDF preview (/christmas-planner/pdf), an A4 pagefrontend/apps/sort-me/pages/christmas-planner/public.page.tsx
Concept codefrontend/apps/sort-me/concepts/christmas-planner/
Derived numbersconcepts/christmas-planner/rules.ts (+ __tests__/rules.test.ts)
Fake store + concept barconcepts/_lib/useConceptStore.ts, concepts/_lib/ConceptBar.tsx
Flow storyboard specconcepts/christmas-planner/flow.spec.ts
Storiesconcepts/christmas-planner/__stories__/ChristmasPlanner.stories.tsx
Backend flagapp/Features/ChristmasPlannerFeature.php
Frontend flagFeatureFlag.ChristmasPlannerFeature
Scope and design recordprototypes/prd-138-christmas-planner/SCOPE.md, DESIGN.md

Every page renders nothing when the flag is off, and the flag is never turned on in production. The pages are deliberately absent from the navigation; the seasonal nav item and the Overview banner are drawn (banner route, DESIGN.md) but not wired into the real sidebar or Overview, because a concept adds no navigation entry.

Click through it

The concept is a real click-through. Buttons change a fake in-memory store (concepts/_lib/useConceptStore.ts) mirrored into sessionStorage under concept:christmas-planner, so the state survives navigation and reload.

1. Open /christmas-planner?scenario=empty. The first-run offer explains the idea. 2. Press Start from scratch. The app goes to /christmas-planner/step/gifts, stop 1 of 6: an open form with three blank rows (For whom, What you're buying, Amount on Gifts; What and Amount on the other stops) whose placeholders suggest items. 3. Type into a row. The stop total and the hero's running total update as you type; a new blank row appears at the bottom. 4. Change any amount in place, or remove a row with its bin button. 5. Press Next: Food & drink and walk the stops. See the total on the last stop goes to the Summary. 6. On the Summary, tap a section to fold its items open. Change Need it by or Already put aside; the put-aside tile updates. Edit goes back to stop 1. 7. Press Add to my cashflow. Every section shows "In cashflow ✓" and the cash-on-hand tile appears. 8. Press Create a Christmas goal. The goal link replaces the CTA. 9. In the concept bar press Simulate deleting the Gifts one-off. Gifts shows "Not in cashflow · Add again". 10. Press Add again. Gifts is back in cashflow. 11. Press Remove from cashflow, then Remove. The one-offs are gone; the plan stays.

Sharing, and every page at once. On a Summary with items, Edit opens stop 1 and Share opens the device's share sheet. Both are standard buttons at the top right. A tap on a section folds its items open under it. After sharing, one line says who can see the plan and offers Stop sharing. A plan shared from the app opens inside the app at /christmas-planner/shared/<code>. A plan shared from the public embed opens bare at /christmas-planner/s/<code>. The codes stopped and ended show those states. /christmas-planner/directory lists every page of both versions in flow order, each link opening that exact state.

Open /christmas-planner?scenario=pending-import for the website-plan prompt, and /christmas-planner/banner, /christmas-planner/one-offs, /christmas-planner/goal, /christmas-planner/public for the secondary surfaces.

The concept bar

ControlWhat it does
ScenarioSeeds one of the fixtures in scenarios.ts
ResetClears the stored state and seeds the current scenario again
Simulate deleting the Gifts one-offWhat the One-offs page's delete does to the planner (FR9)
Simulate a failed saveThe save-failed strip above the actions (FR6, AC15)
Simulate Cashflow unavailableThe cash-on-hand tile's unavailable state (FR10)

Add ?bar=0 to hide the bar for screenshots.

What is fake

Open questions

Five product questions are open in prototypes/prd-138-christmas-planner/SCOPE.md: 22 (stop sharing early), 23 (a signed-out viewer of an in-app share), 24 (the one-off date for each section), 25 (whether the privacy box is enough consent for the Christmas emails) and 26 (Safari deletes the embed's browser storage). Design residue is listed in REVIEW.md.

Flows

Click any step to open its full-size screenshot.

Plan Christmas from scratch and put it in Cashflow

01 Open the planner for the first time
Open the planner for the first time (desktop)Open the planner for the first time (mobile)

3 console errors

02 Start from scratch at the Gifts stop
Start from scratch at the Gifts stop (desktop)Start from scratch at the Gifts stop (mobile)

1 console error

03 Fill in two gifts
Fill in two gifts (desktop)Fill in two gifts (mobile)
04 Change an amount in place
Change an amount in place (desktop)Change an amount in place (mobile)
05 Go to the Food & drink stop
Go to the Food & drink stop (desktop)Go to the Food & drink stop (mobile)
06 Jump to the Summary from the stepper
Jump to the Summary from the stepper (desktop)Jump to the Summary from the stepper (mobile)
07 Fold open Gifts to see what is in it
Fold open Gifts to see what is in it (desktop)Fold open Gifts to see what is in it (mobile)
08 Edit goes back to the Gifts stop
Edit goes back to the Gifts stop (desktop)Edit goes back to the Gifts stop (mobile)
09 Add the plan to Cashflow
Add the plan to Cashflow (desktop)Add the plan to Cashflow (mobile)
10 Create a Christmas goal
Create a Christmas goal (desktop)Create a Christmas goal (mobile)

A one-off is deleted on the One-offs page, then added again

01 Open a plan that is in Cashflow
Open a plan that is in Cashflow (desktop)Open a plan that is in Cashflow (mobile)

2 console errors

02 Simulate deleting the Gifts one-off
Simulate deleting the Gifts one-off (desktop)Simulate deleting the Gifts one-off (mobile)

1 console error

03 Add Gifts again
Add Gifts again (desktop)Add Gifts again (mobile)
04 Remove the plan from Cashflow
Remove the plan from Cashflow (desktop)Remove the plan from Cashflow (mobile)
05 Confirm the removal
Confirm the removal (desktop)Confirm the removal (mobile)

Bring in the plan made on sortme.com

01 A website plan is waiting
A website plan is waiting (desktop)A website plan is waiting (mobile)

3 console errors

02 Import it
Import it (desktop)Import it (mobile)
03 The plan survives a reload
The plan survives a reload (desktop)The plan survives a reload (mobile)

3 console errors

Plan Christmas on sortme.com from the beginning and email it

01 Open the public embed for the first time
Open the public embed for the first time (desktop)Open the public embed for the first time (mobile)
02 Start my planner at the Gifts stop
Start my planner at the Gifts stop (desktop)Start my planner at the Gifts stop (mobile)
03 Fill in a gift
Fill in a gift (desktop)Fill in a gift (mobile)
04 Go to the Food & drink stop
Go to the Food & drink stop (desktop)Go to the Food & drink stop (mobile)
05 See the total on the Summary
See the total on the Summary (desktop)See the total on the Summary (mobile)
06 Open Email me my plan
Open Email me my plan (desktop)Open Email me my plan (mobile)
07 An email address that is not valid
An email address that is not valid (desktop)An email address that is not valid (mobile)
08 The privacy policy box is not ticked
The privacy policy box is not ticked (desktop)The privacy policy box is not ticked (mobile)
09 Agree to the privacy policy and send the plan
Agree to the privacy policy and send the plan (desktop)Agree to the privacy policy and send the plan (mobile)
10 Sent too many times: try again in a minute
Sent too many times: try again in a minute (desktop)Sent too many times: try again in a minute (mobile)
11 The emailed plan PDF
The emailed plan PDF (desktop)The emailed plan PDF (mobile)
12 The public embed for a signed-in visitor
The public embed for a signed-in visitor (desktop)The public embed for a signed-in visitor (mobile)
13 The public embed in the January holidays
The public embed in the January holidays (desktop)The public embed in the January holidays (mobile)

Share the plan with the whānau

01 The Share button on the Summary
The Share button on the Summary (desktop)The Share button on the Summary (mobile)

3 console errors

02 Share it: the plan link goes live
Share it: the plan link goes live (desktop)Share it: the plan link goes live (mobile)

1 console error

03 Someone in SortMe opens the link inside the app
Someone in SortMe opens the link inside the app (desktop)Someone in SortMe opens the link inside the app (mobile)

3 console errors

04 A plan shared from sortme.com opens on its own page
A plan shared from sortme.com opens on its own page (desktop)A plan shared from sortme.com opens on its own page (mobile)
05 Stop sharing
Stop sharing (desktop)Stop sharing (mobile)

3 console errors

06 The link after sharing stopped
The link after sharing stopped (desktop)The link after sharing stopped (mobile)
07 The link after 31 January
The link after 31 January (desktop)The link after 31 January (mobile)

The secondary surfaces: Overview banner, One-offs rows, Create Goal

01 The Overview banner
The Overview banner (desktop)The Overview banner (mobile)

2 console errors

02 The Overview banner when a website plan is waiting
The Overview banner when a website plan is waiting (desktop)The Overview banner when a website plan is waiting (mobile)

3 console errors

03 Planner-owned rows on the One-offs page
Planner-owned rows on the One-offs page (desktop)Planner-owned rows on the One-offs page (mobile)

3 console errors

04 Deleting a planner-owned one-off
Deleting a planner-owned one-off (desktop)Deleting a planner-owned one-off (mobile)
05 The Create Goal form, prefilled
The Create Goal form, prefilled (desktop)The Create Goal form, prefilled (mobile)

3 console errors

Scenarios

Empty (first open) 6 console errors

Nothing listed yet. The starter list is offered instead of a blank form.

?scenario=empty

desktop
Empty (first open) (desktop)
mobile
Empty (first open) (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)

Summary 6 console errors

A returning user: the starter plan loaded, $300 already aside, 6 weeks to 24 Dec, $161.67 a week. Not in Cashflow yet.

?scenario=building

desktop
Summary (desktop)
mobile
Summary (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)

In Cashflow 6 console errors

Six one-offs made, every section ticked, cash on hand on 24 Dec shown.

?scenario=synced

desktop
In Cashflow (desktop)
mobile
In Cashflow (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)

Goal created 6 console errors

A Christmas 2026 goal exists; the goal link replaces the CTA.

?scenario=goal

desktop
Goal created (desktop)
mobile
Goal created (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)

Goal target offer 6 console errors

The plan grew by $50 after the goal was made; the planner offers to update the target.

?scenario=goal-update

desktop
Goal target offer (desktop)
mobile
Goal target offer (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)

Section detached 6 console errors

The Gifts one-off was deleted on the One-offs page; Gifts shows Not in cashflow with Add again.

?scenario=detached

desktop
Section detached (desktop)
mobile
Section detached (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)

Website plan waiting 6 console errors

A plan made on sortme.com is waiting; the import prompt opens over an empty plan.

?scenario=pending-import

desktop
Website plan waiting (desktop)
mobile
Website plan waiting (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)

Connect a bank first 6 console errors

Still on demo data: the cashflow and goal actions become the connect-a-bank prompt.

?scenario=connect-first

desktop
Connect a bank first (desktop)
mobile
Connect a bank first (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)

Save failed 6 console errors

The last server save failed; the edits are kept and retried.

?scenario=save-failed

desktop
Save failed (desktop)
mobile
Save failed (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)

Already sorted 6 console errors

More already aside than the plan costs.

?scenario=sorted

desktop
Already sorted (desktop)
mobile
Already sorted (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)

Under a week to go 6 console errors

Need-by is 5 days away: the whole remaining amount is shown as put aside now.

?scenario=lastweek

desktop
Under a week to go (desktop)
mobile
Under a week to go (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)

Cashflow unavailable 6 console errors

In Cashflow, but the forecast snapshot is still loading.

?scenario=cash-unavailable

desktop
Cashflow unavailable (desktop)
mobile
Cashflow unavailable (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)

Shared 6 console errors

The plan has been shared: the Summary says anyone with the link can see it until 31 Jan 2027, with Stop sharing.

?scenario=shared

desktop
Shared (desktop)
mobile
Shared (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)

Loading 6 console errors

Skeleton while the plan loads from the server.

?scenario=loading

desktop
Loading (desktop)
mobile
Loading (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)

Error 6 console errors

The plan failed to load; retry offered.

?scenario=error

desktop
Error (desktop)
mobile
Error (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)