Connect your KiwiSaver (PRD-125)

Concept: Connect your KiwiSaver (PRD-125)

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

Since the move to open banking, a KiwiSaver with ANZ, ASB, BNZ or Westpac cannot be connected through Akahu, and the app never says so. Customers hunt for it in the connect flow, fail, and write to support. This concept reworks the "Connect your KiwiSaver" picker so the customer picks their provider from a search box with a grid of every provider's logo and name, and is told straight away which case they are in:

Connectable (Milford, Generate, Simplicity, Kernel, Booster, Sharesies, Fisher Funds, PIE, Superlife, Kiwibank, The Co-operative Bank, SBS and more): one Connect button into the Akahu flow with that provider preselected.
Not connectable (the four bank KiwiSavers, and the providers with no Akahu connection): why, a balance field, Save to Net Worth as a manual account, and the PRD-97 KiwiSaver check-in panel with See Kiwisaver Options into the Kiwisaver Performance Review form.
On a household profile (PRD-54) the picker first asks whose KiwiSaver it is, because each person can have one.
Under the balance on the bank result, three optional questions: the Growth tab's fund-type and goal questions reused, plus "When did you last review your KiwiSaver?" (new). Answers go where the tab's answers go.
One KiwiSaver forecast card at the top of the tab for every KiwiSaver on the profile (logos stacked top left, combined by default, a filter per person), like the Mortgage forecast: an example from the real balance until the person adds age, pay, contribution rate and fund type, then their own projection to 65 in today's dollars with a likely line and a range band either side.

The old modal (components/KiwisaverProviderModal.tsx) had a single dropdown. The scope (what, blast radius, requirements, resolved product questions) is prototypes/prd-125-kiwisaver-connect/SCOPE.md; the design decision is prototypes/prd-125-kiwisaver-connect/DESIGN.md. Both live on branch design/prd-125-kiwisaver-connect. Carl set the direction himself and skipped the concept-exploration stage.

Where it lives

Thing	Path
Route (`/kiwisaver-connect`)	`frontend/apps/sort-me/pages/kiwisaver-connect/index.page.tsx`
Concept code	`frontend/apps/sort-me/concepts/kiwisaver-connect/`
The picker modal	`concepts/kiwisaver-connect/KiwisaverProviderPickerModal.tsx`
The forecast card and chart	`concepts/kiwisaver-connect/KiwisaverForecastCard.tsx`, `KiwisaverForecastChart.tsx`
The details editor	`concepts/kiwisaver-connect/KiwisaverDetailsModal.tsx`
Rules (the logic)	`concepts/kiwisaver-connect/rules.ts` (+ `__tests__/rules.test.ts`)
Fake store + concept bar	`concepts/_lib/useConceptStore.ts`, `concepts/_lib/ConceptBar.tsx`
Flow storyboard spec	`concepts/kiwisaver-connect/flow.spec.ts`
Stories	`concepts/kiwisaver-connect/__stories__/KiwisaverConnect.stories.tsx`
Backend flag	`app/Features/KiwisaverConnectConceptFeature.php`
Frontend flag	`FeatureFlag.KiwisaverConnectConceptFeature`

The page renders nothing when the flag is off, and the flag is never turned on in production. The page is deliberately absent from the navigation. In the real build the picker opens from the Growth > KiwiSaver tab's Connect KiwiSaver button and from a KiwiSaver row in the My Overview accounts list (SCOPE FR1, FR3); the concept draws the Growth tab around the picker so the screenshots read like the real page. The My Overview row is not drawn here (Carl: "just that modal").

Click through it

Buttons change a fake in-memory store (concepts/_lib/useConceptStore.ts) mirrored into sessionStorage under concept:kiwisaver-connect, so the state survives a navigation and a reload. ?scenario=<name> seeds a state; the concept bar switches between them and resets. Its simulate buttons stand in for what a click cannot cause: the next save failing, the provider list failing to load, and the three ways back from Akahu (returned, cancelled, could not open).

Scenarios: solo (default) · picker · picker-search · picker-no-match · picker-connectable · picker-handoff-failed · picker-not-connectable · picker-saving · picker-household · household-one-of-two · connected · manual · forecast-ready · household-two · no-connection · loading · error. Eleven click-through flows, including the details editor's failed save and the household forecast filter.

What is fake

Every provider, person and account comes from scenarios.ts. No API call is made. The provider list is the corrected list SCOPE FR11 asks for (SOR-11039): the four bank funds are not connectable, and Kiwibank, The Co-operative Bank, SBS and Superlife are present and connectable.
Logos are the Akahu CDN logos the local institutions table carries. A provider with no institution row shows its initial on a grey disc.
Connect does not open Akahu. The picker closes and the tab shows an Akahu handoff card; the concept bar's "return from Akahu" and "cancel at Akahu" buttons stand in for the OAuth return, which in the build lands on /growth?tab=kiwisaver (SCOPE FR10). The connected balance it shows is a stand-in; the real one arrives with the first sync.
Save to Net Worth waits 700 ms and adds a fake account. The build POSTs to /api/v1/users/bank-accounts.
See Kiwisaver Options opens a stand-in for the Kiwisaver Performance Review form with the real form's fields and copy, plus Carl's "Yes, have a financial advisor call me." line (SCOPE register row 9). It posts nothing; the build opens the real PerformanceReview component with that line added and a new referral entry context.
The bank flag on a provider decides the not-connectable wording. The real table has no such column; see HANDOFF.md.
The optional answers and the forecast details live only in the fake store. The build writes answers to user_advice_answers and needs a home for the details.
The forecast maths in rules.ts and its constants (employer 3.5%, ESCT 30%, government 25c per $1 up to $260.72, returns by fund type after fees, tax and inflation, a 1.5-point range) are the concept's statement of the rule, not a decided implementation, and need the compliance read in SCOPE register row 12.

Open questions

One, blocking the handover: SCOPE register row 12, the compliance read of the forecast. Rows 1–6 were resolved by Carl on 24 September 2026 and rows 7–11 on 13 October 2026 (DESIGN.md records the additions).

Flows

Click any step to open its full-size screenshot.

Cancel at Akahu and nothing is added

Choose Milford and press Connect (desktop) — 01 Choose Milford and press Connect

Choose Milford and press Connect (mobile) — 01 Choose Milford and press Connect

Cancel at Akahu: back on the tab, no account, no error (desktop) — 02 Cancel at Akahu: back on the tab, no account, no error

Cancel at Akahu: back on the tab, no account, no error (mobile) — 02 Cancel at Akahu: back on the tab, no account, no error

Connect a KiwiSaver that connects through Akahu

Open the KiwiSaver tab with nothing added yet (desktop) — 01 Open the KiwiSaver tab with nothing added yet

Open the KiwiSaver tab with nothing added yet (mobile) — 01 Open the KiwiSaver tab with nothing added yet

Press Connect KiwiSaver and see the provider grid (desktop) — 02 Press Connect KiwiSaver and see the provider grid

Press Connect KiwiSaver and see the provider grid (mobile) — 02 Press Connect KiwiSaver and see the provider grid

Type "mil" and the grid narrows to Milford (desktop) — 03 Type "mil" and the grid narrows to Milford

Type "mil" and the grid narrows to Milford (mobile) — 03 Type "mil" and the grid narrows to Milford

Choose Milford: it connects through Akahu (desktop) — 04 Choose Milford: it connects through Akahu

Choose Milford: it connects through Akahu (mobile) — 04 Choose Milford: it connects through Akahu

Press Connect and the app hands over to Akahu (desktop) — 05 Press Connect and the app hands over to Akahu

Press Connect and the app hands over to Akahu (mobile) — 05 Press Connect and the app hands over to Akahu

Back from Akahu, the Milford account is on the tab (desktop) — 06 Back from Akahu, the Milford account is on the tab

Back from Akahu, the Milford account is on the tab (mobile) — 06 Back from Akahu, the Milford account is on the tab

Add a bank KiwiSaver by hand

Open the provider grid (desktop) — 01 Open the provider grid

Open the provider grid (mobile) — 01 Open the provider grid

Choose ANZ: open banking cannot connect it (desktop) — 02 Choose ANZ: open banking cannot connect it

Choose ANZ: open banking cannot connect it (mobile) — 02 Choose ANZ: open banking cannot connect it

Enter the balance and Save to Net Worth lights up (desktop) — 03 Enter the balance and Save to Net Worth lights up

Enter the balance and Save to Net Worth lights up (mobile) — 03 Enter the balance and Save to Net Worth lights up

Answer the optional questions: Growth fund, reviewed 1 to 3 years ago, saving for retirement (desktop) — 04 Answer the optional questions: Growth fund, reviewed 1 to 3 years ago, saving for retirement

Answer the optional questions: Growth fund, reviewed 1 to 3 years ago, saving for retirement (mobile) — 04 Answer the optional questions: Growth fund, reviewed 1 to 3 years ago, saving for retirement

Save to Net Worth and see the account on the tab (desktop) — 05 Save to Net Worth and see the account on the tab

Save to Net Worth and see the account on the tab (mobile) — 05 Save to Net Worth and see the account on the tab

Ask for a KiwiSaver check-in from the bank result

Open the ANZ result with a balance typed (desktop) — 01 Open the ANZ result with a balance typed

Open the ANZ result with a balance typed (mobile) — 01 Open the ANZ result with a balance typed

Press See Kiwisaver Options and the review form opens (desktop) — 02 Press See Kiwisaver Options and the review form opens

Press See Kiwisaver Options and the review form opens (mobile) — 02 Press See Kiwisaver Options and the review form opens

Agree to be contacted and send the request (desktop) — 03 Agree to be contacted and send the request

Agree to be contacted and send the request (mobile) — 03 Agree to be contacted and send the request

The balance is still there, so save it (desktop) — 04 The balance is still there, so save it

The balance is still there, so save it (mobile) — 04 The balance is still there, so save it

A save fails and the user retries

Arm a failing save, then choose ANZ and enter the balance (desktop) — 01 Arm a failing save, then choose ANZ and enter the balance

Arm a failing save, then choose ANZ and enter the balance (mobile) — 01 Arm a failing save, then choose ANZ and enter the balance

Save fails: the balance stays and the error is inline (desktop) — 02 Save fails: the balance stays and the error is inline

Save fails: the balance stays and the error is inline (mobile) — 02 Save fails: the balance stays and the error is inline

Retry and the account saves (desktop) — 03 Retry and the account saves

Retry and the account saves (mobile) — 03 Retry and the account saves

Add the second KiwiSaver in a household

Open the tab with Hana's KiwiSaver already in (desktop) — 01 Open the tab with Hana's KiwiSaver already in

Open the tab with Hana's KiwiSaver already in (mobile) — 01 Open the tab with Hana's KiwiSaver already in

Press Connect KiwiSaver and the picker asks whose it is (desktop) — 02 Press Connect KiwiSaver and the picker asks whose it is

Press Connect KiwiSaver and the picker asks whose it is (mobile) — 02 Press Connect KiwiSaver and the picker asks whose it is

Choose Tom and pick Generate (desktop) — 03 Choose Tom and pick Generate

Choose Tom and pick Generate (mobile) — 03 Choose Tom and pick Generate

Connect, return from Akahu, and both KiwiSavers are on the tab (desktop) — 04 Connect, return from Akahu, and both KiwiSavers are on the tab

Connect, return from Akahu, and both KiwiSavers are on the tab (mobile) — 04 Connect, return from Akahu, and both KiwiSavers are on the tab

The provider list fails to load

Arm a failing list load and open the picker (desktop) — 01 Arm a failing list load and open the picker

Arm a failing list load and open the picker (mobile) — 01 Arm a failing list load and open the picker

Try again and the grid loads (desktop) — 02 Try again and the grid loads

Try again and the grid loads (mobile) — 02 Try again and the grid loads

Search for a provider that is not listed

Type a name that matches nothing (desktop) — 01 Type a name that matches nothing

Type a name that matches nothing (mobile) — 01 Type a name that matches nothing

Clear the search and the grid is back (desktop) — 02 Clear the search and the grid is back

Clear the search and the grid is back (mobile) — 02 Clear the search and the grid is back

Akahu could not open, then the user cancels

Akahu could not open: back on the result with a retry (desktop) — 02 Akahu could not open: back on the result with a retry

Akahu could not open: back on the result with a retry (mobile) — 02 Akahu could not open: back on the result with a retry

Try again hands over to Akahu once more (desktop) — 03 Try again hands over to Akahu once more

Try again hands over to Akahu once more (mobile) — 03 Try again hands over to Akahu once more

Add your details and see your own KiwiSaver forecast

Open the tab with a connected KiwiSaver: the forecast is an example (desktop) — 01 Open the tab with a connected KiwiSaver: the forecast is an example

Open the tab with a connected KiwiSaver: the forecast is an example (mobile) — 01 Open the tab with a connected KiwiSaver: the forecast is an example

Press Add my details (desktop) — 02 Press Add my details

Press Add my details (mobile) — 02 Press Add my details

Enter 34, $72,000 a year, 4%, and answer the three questions (desktop) — 03 Enter 34, $72,000 a year, 4%, and answer the three questions

Enter 34, $72,000 a year, 4%, and answer the three questions (mobile) — 03 Enter 34, $72,000 a year, 4%, and answer the three questions

Save and see the forecast with the likely range (desktop) — 04 Save and see the forecast with the likely range

Save and see the forecast with the likely range (mobile) — 04 Save and see the forecast with the likely range

Press Edit on the account card: an age outside the allowed range is refused (desktop) — 05 Press Edit on the account card: an age outside the allowed range is refused

Press Edit on the account card: an age outside the allowed range is refused (mobile) — 05 Press Edit on the account card: an age outside the allowed range is refused

The details save fails and the user retries

Arm a failing save and fill in the details (desktop) — 01 Arm a failing save and fill in the details

Arm a failing save and fill in the details (mobile) — 01 Arm a failing save and fill in the details

Save fails: the details stay and the error is inline (desktop) — 02 Save fails: the details stay and the error is inline

Save fails: the details stay and the error is inline (mobile) — 02 Save fails: the details stay and the error is inline

Retry and the forecast is yours (desktop) — 03 Retry and the forecast is yours

Retry and the forecast is yours (mobile) — 03 Retry and the forecast is yours

A blank pay is refused (desktop) — 04 A blank pay is refused

A blank pay is refused (mobile) — 04 A blank pay is refused

See the household forecast and filter it to one person

Open the tab with both KiwiSavers connected: one combined forecast (desktop) — 01 Open the tab with both KiwiSavers connected: one combined forecast

Open the tab with both KiwiSavers connected: one combined forecast (mobile) — 01 Open the tab with both KiwiSavers connected: one combined forecast

02 Filter to Tom: his logo, his balance, his projection

Edit Tom’s details from the card and change his fund to growth (desktop) — 03 Edit Tom’s details from the card and change his fund to growth

Edit Tom’s details from the card and change his fund to growth (mobile) — 03 Edit Tom’s details from the card and change his fund to growth

Back to All: the combined forecast and both logos (desktop) — 04 Back to All: the combined forecast and both logos

Back to All: the combined forecast and both logos (mobile) — 04 Back to All: the combined forecast and both logos

Scenarios

KiwiSaver tab, nothing added (first visit) 12 console errors

The Growth > KiwiSaver tab on a solo profile with no KiwiSaver yet. Today's empty state; its Connect KiwiSaver button now opens the picker.

?scenario=solo

KiwiSaver tab, nothing added (first visit) (desktop) — desktop

KiwiSaver tab, nothing added (first visit) (mobile) — mobile

Errors

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

Picker: choose your provider 12 console errors

The reworked picker: a search box with a grid of every provider's logo and name underneath, alphabetical. Three columns on desktop, two on a phone.

?scenario=picker

Picker: choose your provider (desktop) — desktop

Picker: choose your provider (mobile) — mobile

Errors

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

Picker: searching 12 console errors

"mil" typed into the search box. Milford is the only match; every other provider is filtered out (AC7).

?scenario=picker-search

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:328:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:60:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Warning: validateDOMNesting(...): %s cannot appear as a descendant of <%s>.%s <a> a 
    at a
    at div
    at a
    at LinkComponent (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/link.js:134:19)
    at div
    at LinkItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:151:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:305:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:105:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:186:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:328:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:60:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Failed to load resource: the server responded with a status of 403 (Forbidden)
Error: Request failed with status code 403
    at createError (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/createError.js:16:15)
    at settle (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/settle.js:17:12)
    at XMLHttpRequest.onloadend (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/adapters/xhr.js:66:7)
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:328:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:60:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Warning: validateDOMNesting(...): %s cannot appear as a descendant of <%s>.%s <a> a 
    at a
    at div
    at a
    at LinkComponent (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/link.js:134:19)
    at div
    at LinkItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:151:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:305:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:105:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:186:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:328:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:60:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Failed to load resource: the server responded with a status of 403 (Forbidden)
Error: Request failed with status code 403
    at createError (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/createError.js:16:15)
    at settle (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/settle.js:17:12)
    at XMLHttpRequest.onloadend (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/adapters/xhr.js:66:7)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)

Picker: no provider matches 12 console errors

"Westpac KiwiSaver" typed. The grid gives way to one line saying nothing matches, and a Clear search button.

?scenario=picker-no-match

Picker: no provider matches (desktop) — desktop

Picker: no provider matches (mobile) — mobile

Errors

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

Picker: Milford connects 12 console errors

Milford chosen. "Yes — Milford connects through Akahu", one Connect button into the Akahu flow with Milford preselected.

?scenario=picker-connectable

Picker: Milford connects (desktop) — desktop

Picker: Milford connects (mobile) — mobile

Errors

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

Picker: Akahu could not open 12 console errors

Connect was pressed but Akahu could not be opened. Back on the Milford result with an inline error and Try again.

?scenario=picker-handoff-failed

Picker: Akahu could not open (desktop) — desktop

Picker: Akahu could not open (mobile) — mobile

Errors

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

Picker: ANZ cannot connect 12 console errors

ANZ chosen. Why it cannot connect, the balance field, Save to Net Worth (disabled until a balance is typed), and the PRD-97 KiwiSaver check-in panel.

?scenario=picker-not-connectable

Picker: ANZ cannot connect (desktop) — desktop

Picker: ANZ cannot connect (mobile) — mobile

Errors

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

Picker: saving to Net Worth 12 console errors

Save to Net Worth in flight: the button is busy, the balance field and Cancel are locked.

?scenario=picker-saving

Picker: saving to Net Worth (desktop) — desktop

Picker: saving to Net Worth (mobile) — mobile

Errors

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

Picker: whose KiwiSaver? 12 console errors

A partner is linked, so the picker first asks whose KiwiSaver it is, naming both people.

?scenario=picker-household

Picker: whose KiwiSaver? (desktop) — desktop

Picker: whose KiwiSaver? (mobile) — mobile

Errors

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

Household, one of two 12 console errors

Hana's Simplicity KiwiSaver is in; the tab still offers Connect KiwiSaver for Tom. The forecast card is in example mode for Hana. The whose step shows Hana as already added.

?scenario=household-one-of-two

Household, one of two (desktop) — desktop

Errors

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

Household, both KiwiSavers connected 12 console errors

Hana's Simplicity and Tom's Generate, both connected with their details. One forecast card: both logos stacked top left, the combined projection by default, and a filter to show All, Hana or Tom. The two account cards sit under it, each with Edit.

?scenario=household-two

Household, both KiwiSavers connected (desktop) — desktop

Household, both KiwiSavers connected (mobile) — mobile

Errors

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

Connected (solo, complete) 12 console errors

A solo profile with its one KiwiSaver connected through Akahu. No Connect button: one per person. The KiwiSaver forecast card is in example mode, computed from the real balance at stated example assumptions, with the message box and one Add my details button on the chart.

?scenario=connected

Connected (solo, complete) (desktop) — desktop

Connected (solo, complete) (mobile) — mobile

Errors

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

Manual (solo, complete) 12 console errors

A solo profile with its ANZ KiwiSaver entered by hand. The heading reads Your KiwiSaver accounts and the card says when the balance was last updated, with Edit. The forecast card is in example mode.

?scenario=manual

Manual (solo, complete) (desktop) — desktop

Manual (solo, complete) (mobile) — mobile

Errors

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

KiwiSaver forecast with her details 12 console errors

Hana added her details (34, $72,000 a year, 4%, growth fund). The forecast is hers: the likely line, the range band, the four tiles and the assumptions line. Edit details reopens the editor.

?scenario=forecast-ready

KiwiSaver forecast with her details (desktop) — desktop

KiwiSaver forecast with her details (mobile) — mobile

Errors

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

Brand-new customer, no Akahu connection 12 console errors

Milford chosen by a customer with no bank connected yet. The connectable result says the Akahu connection will be set up on the way.

?scenario=no-connection

desktop

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:328:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:60:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Warning: validateDOMNesting(...): %s cannot appear as a descendant of <%s>.%s <a> a 
    at a
    at div
    at a
    at LinkComponent (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/link.js:134:19)
    at div
    at LinkItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:151:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:305:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:105:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:186:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:328:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:60:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Failed to load resource: the server responded with a status of 403 (Forbidden)
Error: Request failed with status code 403
    at createError (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/createError.js:16:15)
    at settle (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/settle.js:17:12)
    at XMLHttpRequest.onloadend (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/adapters/xhr.js:66:7)
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:328:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:60:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Warning: validateDOMNesting(...): %s cannot appear as a descendant of <%s>.%s <a> a 
    at a
    at div
    at a
    at LinkComponent (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/link.js:134:19)
    at div
    at LinkItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:151:21)
    at SidebarItem (webpack-internal:///(pages-dir-browser)/./libs/ui/src/lib/sidebar-item/SidebarItem.tsx:305:13)
    at div
    at div
    at NavRow (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:105:19)
    at nav
    at div
    at div
    at AuthSidebarNavigation (webpack-internal:///(pages-dir-browser)/./components/AuthSidebarNavigation.tsx:186:38)
    at div
    at div
    at div
    at AuthLayout (webpack-internal:///(pages-dir-browser)/./layouts/AuthLayout.tsx:328:23)
    at PageLayout (webpack-internal:///(pages-dir-browser)/./pages/layout/PageLayout.tsx:60:13)
    at AuthShell (webpack-internal:///(pages-dir-browser)/./layouts/AuthShell.tsx:25:26)
    at div
    at BaseLayout (webpack-internal:///(pages-dir-browser)/./layouts/BaseLayout.tsx:137:23)
    at main
    at ConnectionProvider (webpack-internal:///(pages-dir-browser)/./components/connection-problem/ConnectionProvider.tsx:31:35)
    at FactFindLoadProvider (webpack-internal:///(pages-dir-browser)/./context/FactFindLoadContext.tsx:14:33)
    at Provider (webpack-internal:///(pages-dir-browser)/../../node_modules/react-redux/es/components/Provider.js:16:3)
    at PostHogProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/posthog-js/react/dist/esm/index.js:59:23)
    at QueryClientProvider (webpack-internal:///(pages-dir-browser)/../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs:48:3)
    at MyApp (webpack-internal:///(pages-dir-browser)/./pages/_app.page.tsx:196:18)
    at PathnameContextProviderAdapter (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/shared/lib/router/adapters.js:78:43)
    at PagesDevOverlayErrorBoundary (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-error-boundary.js:25:9)
    at PagesDevOverlayBridge (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.js:44:34)
    at Container (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:79:1)
    at AppContainer (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:175:25)
    at Root (webpack-internal:///(pages-dir-browser)/../../node_modules/next/dist/client/index.js:394:17)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)
Failed to load resource: the server responded with a status of 403 (Forbidden)
Error: Request failed with status code 403
    at createError (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/createError.js:16:15)
    at settle (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/core/settle.js:17:12)
    at XMLHttpRequest.onloadend (webpack-internal:///(pages-dir-browser)/../../node_modules/axios/lib/adapters/xhr.js:66:7)
Failed to load resource: the server responded with a status of 422 (Unprocessable Content)

Picker: provider list loading 12 console errors

Skeleton tiles while the provider list loads; the search box is disabled until it arrives.

?scenario=loading

Picker: provider list loading (desktop) — desktop

Picker: provider list loading (mobile) — mobile

Errors

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

Picker: provider list failed 12 console errors

The provider list failed to load: an error and a Try again, never an empty grid. The search box stays disabled.

?scenario=error

Picker: provider list failed (desktop) — desktop

Picker: provider list failed (mobile) — mobile

Errors

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