PRD-138 Christmas planner

Concept inventory · route /christmas-planner · 14 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: beside "Save this in SortMe" it offers an optional "Email me my plan" that 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, with the starter list for Gifts shown. 3. Press Use these and edit. The five gift items load; the hero shows the running total and the weekly figure. 4. Add an item: What, For whom, Amount, Add. 5. Press Next: Food & drink and walk the stops. See the total on the last stop goes to the Summary. 6. On the Summary, change Need it by or Already put aside; the put-aside tile updates. 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.

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

None for product: the register in prototypes/prd-138-christmas-planner/SCOPE.md has no open rows. 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 Use the Gifts starter list and edit it
Use the Gifts starter list and edit it (desktop)Use the Gifts starter list and edit it (mobile)
04 Add a gift for Nan
Add a gift for Nan (desktop)Add a gift for Nan (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 Add the plan to Cashflow
Add the plan to Cashflow (desktop)Add the plan to Cashflow (mobile)
08 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 Use the Gifts starter list
Use the Gifts starter list (desktop)Use the Gifts starter list (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 Send the plan with the tips ticked
Send the plan with the tips ticked (desktop)Send the plan with the tips ticked (mobile)
09 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)
10 The emailed plan PDF
The emailed plan PDF (desktop)The emailed plan PDF (mobile)
11 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)
12 The public embed in the January holidays
The public embed in the January holidays (desktop)The public embed in the January holidays (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)

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)