When navigating around and trying to login nothing happens and this error shows up:
Warning: Invalid DOM property fill-rule. Did you mean fillRule? at path at svg at li at ul at div at div at div at InnerLayoutRouter (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/layout-router.js:241:11) at RedirectErrorBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/redirect-boundary.js:73:9) at RedirectBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/redirect-boundary.js:81:11) at NotFoundErrorBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/not-found-boundary.js:76:9) at NotFoundBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/not-found-boundary.js:84:11) at LoadingBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/layout-router.js:338:11) at ErrorBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/error-boundary.js:160:11) at InnerScrollAndFocusHandler (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/layout-router.js:152:9) at ScrollAndFocusHandler (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/layout-router.js:227:11) at RenderFromTemplateContext (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/render-from-template-context.js:16:44) at Lazy at OuterLayoutRouter (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/layout-router.js:356:11) at Lazy at InnerLayoutRouter (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/layout-router.js:241:11) at RedirectErrorBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/redirect-boundary.js:73:9) at RedirectBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/redirect-boundary.js:81:11) at NotFoundErrorBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/not-found-boundary.js:76:9) at NotFoundBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/not-found-boundary.js:84:11) at LoadingBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/layout-router.js:338:11) at ErrorBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/error-boundary.js:160:11) at InnerScrollAndFocusHandler (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/layout-router.js:152:9) at ScrollAndFocusHandler (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/layout-router.js:227:11) at RenderFromTemplateContext (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/render-from-template-context.js:16:44) at Lazy at OuterLayoutRouter (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/layout-router.js:356:11) at Lazy at main at div at Identification (webpack-internal:///(ssr)/./src/components/providers/index.tsx:33:27) at Provider (webpack-internal:///(ssr)/./node_modules/.pnpm/@[email protected]_@[email protected][email protected]/node_modules/@radix-ui/react-context/dist/index.mjs:48:28) at $a093c7e1ec25a057$export$f78649fb9ca566b8 (webpack-internal:///(ssr)/./node_modules/.pnpm/@[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/@radix-ui/react-tooltip/dist/index.mjs:73:29) at PostHogProvider (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]/node_modules/posthog-js/react/dist/esm/index.js:21:23) at PlausibleProvider (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/next-plausible/dist/index.esm.js:147:13) at SessionProvider (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/next-auth/react/index.js:454:24) at TRPCProvider (webpack-internal:///(ssr)/./node_modules/.pnpm/@[email protected]_@[email protected]_@[email protected]_@trpc_jgvchpm7etln3ma7ahrr6tddsa/node_modules/@trpc/react-query/dist/shared/hooks/createHooksInternal.mjs:42:17) at QueryClientProvider (webpack-internal:///(ssr)/./node_modules/.pnpm/@[email protected][email protected]/node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js:25:30) at TRPCReactProvider (webpack-internal:///(ssr)/./src/trpc/react.tsx:49:73) at O (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/next-themes/dist/index.mjs:23:24) at z (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/next-themes/dist/index.mjs:18:48) at ThemeProvider (webpack-internal:///(ssr)/./src/components/providers/theme-provider.tsx:13:26) at Providers (webpack-internal:///(ssr)/./src/components/providers/index.tsx:54:22) at Suspense at body at html at RootLayout (webpack-internal:///(ssr)/./src/app/layout.tsx:29:23) at Lazy at RedirectErrorBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/redirect-boundary.js:73:9) at RedirectBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/redirect-boundary.js:81:11) at ReactDevOverlay (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/react-dev-overlay/internal/ReactDevOverlay.js:84:9) at HotReload (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/react-dev-overlay/hot-reloader-client.js:308:11) at Router (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/app-router.js:177:11) at ErrorBoundaryHandler (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/error-boundary.js:114:9) at ErrorBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/error-boundary.js:160:11) at AppRouter (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/app-router.js:521:13) at Lazy at Lazy at rw (/home/martin/Documents/Code/Projects/cascade/node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:39:15737) at rw (/home/martin/Documents/Code/Projects/cascade/node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:39:15737) at ServerInsertedHTMLProvider (/home/martin/Documents/Code/Projects/cascade/node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:39:21384) Warning: Invalid DOM property clip-rule. Did you mean clipRule? at path at svg at li at ul at div at div at div at InnerLayoutRouter (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/layout-router.js:241:11) at RedirectErrorBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/redirect-boundary.js:73:9) at RedirectBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/redirect-boundary.js:81:11) at NotFoundErrorBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/not-found-boundary.js:76:9) at NotFoundBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/not-found-boundary.js:84:11) at LoadingBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/layout-router.js:338:11) at ErrorBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/error-boundary.js:160:11) at InnerScrollAndFocusHandler (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/layout-router.js:152:9) at ScrollAndFocusHandler (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/layout-router.js:227:11) at RenderFromTemplateContext (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/render-from-template-context.js:16:44) at Lazy at OuterLayoutRouter (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/layout-router.js:356:11) at Lazy at InnerLayoutRouter (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/layout-router.js:241:11) at RedirectErrorBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/redirect-boundary.js:73:9) at RedirectBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/redirect-boundary.js:81:11) at NotFoundErrorBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/not-found-boundary.js:76:9) at NotFoundBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/not-found-boundary.js:84:11) at LoadingBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/layout-router.js:338:11) at ErrorBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/error-boundary.js:160:11) at InnerScrollAndFocusHandler (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/layout-router.js:152:9) at ScrollAndFocusHandler (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/layout-router.js:227:11) at RenderFromTemplateContext (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/render-from-template-context.js:16:44) at Lazy at OuterLayoutRouter (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/layout-router.js:356:11) at Lazy at main at div at Identification (webpack-internal:///(ssr)/./src/components/providers/index.tsx:33:27) at Provider (webpack-internal:///(ssr)/./node_modules/.pnpm/@[email protected]_@[email protected][email protected]/node_modules/@radix-ui/react-context/dist/index.mjs:48:28) at $a093c7e1ec25a057$export$f78649fb9ca566b8 (webpack-internal:///(ssr)/./node_modules/.pnpm/@[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/@radix-ui/react-tooltip/dist/index.mjs:73:29) at PostHogProvider (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]/node_modules/posthog-js/react/dist/esm/index.js:21:23) at PlausibleProvider (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/next-plausible/dist/index.esm.js:147:13) at SessionProvider (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/next-auth/react/index.js:454:24) at TRPCProvider (webpack-internal:///(ssr)/./node_modules/.pnpm/@[email protected]_@[email protected]_@[email protected]_@trpc_jgvchpm7etln3ma7ahrr6tddsa/node_modules/@trpc/react-query/dist/shared/hooks/createHooksInternal.mjs:42:17) at QueryClientProvider (webpack-internal:///(ssr)/./node_modules/.pnpm/@[email protected][email protected]/node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js:25:30) at TRPCReactProvider (webpack-internal:///(ssr)/./src/trpc/react.tsx:49:73) at O (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/next-themes/dist/index.mjs:23:24) at z (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/next-themes/dist/index.mjs:18:48) at ThemeProvider (webpack-internal:///(ssr)/./src/components/providers/theme-provider.tsx:13:26) at Providers (webpack-internal:///(ssr)/./src/components/providers/index.tsx:54:22) at Suspense at body at html at RootLayout (webpack-internal:///(ssr)/./src/app/layout.tsx:29:23) at Lazy at RedirectErrorBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/redirect-boundary.js:73:9) at RedirectBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/redirect-boundary.js:81:11) at ReactDevOverlay (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/react-dev-overlay/internal/ReactDevOverlay.js:84:9) at HotReload (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/react-dev-overlay/hot-reloader-client.js:308:11) at Router (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/app-router.js:177:11) at ErrorBoundaryHandler (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/error-boundary.js:114:9) at ErrorBoundary (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/error-boundary.js:160:11) at AppRouter (webpack-internal:///(ssr)/./node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/client/components/app-router.js:521:13) at Lazy at Lazy at rw (/home/martin/Documents/Code/Projects/cascade/node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:39:15737) at rw (/home/martin/Documents/Code/Projects/cascade/node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:39:15737) at ServerInsertedHTMLProvider (/home/martin/Documents/Code/Projects/cascade/node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:39:21384)

Also, when trying to populate test users this shows up:
Environment variables loaded from .env Running seed commandtsx prisma/seed.ts... PrismaClientKnownRequestError: Invalidprisma.user.create()` invocation in
/home/martin/Documents/Code/Projects/cascade/prisma/seed.ts:18:19

15 const planId = addPlan ? Math.floor(Math.random() * 4) + 1 : null;
16
17 userPromises.push(
→ 18 prisma.user.create(
Foreign key constraint failed on the field: User_planId_fkey (index)
at In.handleRequestError (/home/martin/Documents/Code/Projects/cascade/node_modules/.pnpm/@prisma[email protected][email protected]/node_modules/@prisma/client/runtime/library.js:122:6877)
at In.handleAndLogRequestError (/home/martin/Documents/Code/Projects/cascade/node_modules/.pnpm/@prisma[email protected][email protected]/node_modules/@prisma/client/runtime/library.js:122:6211)
at In.request (/home/martin/Documents/Code/Projects/cascade/node_modules/.pnpm/@prisma[email protected][email protected]/node_modules/@prisma/client/runtime/library.js:122:5919)
at async l (/home/martin/Documents/Code/Projects/cascade/node_modules/.pnpm/@prisma[email protected][email protected]/node_modules/@prisma/client/runtime/library.js:127:11167)
at async Promise.all (index 0)
at main (/home/martin/Documents/Code/Projects/cascade/prisma/seed.ts:32:3) {
code: 'P2003',
clientVersion: '5.14.0',
meta: { modelName: 'User', field_name: 'User_planId_fkey (index)' }
}

An error occurred while running the seed command:
Error: Command failed with exit code 1: tsx prisma/seed.ts
martin@opensuse:~/Documents/Code/Projects/cascade> npx prisma db seed
Environment variables loaded from .env
Running seed command tsx prisma/seed.ts ...
PrismaClientKnownRequestError:
Invalid prisma.user.create() invocation in
/home/martin/Documents/Code/Projects/cascade/prisma/seed.ts:42:19

39 : null;
40
41 userPromises.push(
→ 42 prisma.user.create(
Unique constraint failed on the fields: (id)
at In.handleRequestError (/home/martin/Documents/Code/Projects/cascade/node_modules/.pnpm/@prisma[email protected][email protected]/node_modules/@prisma/client/runtime/library.js:122:6877)
at In.handleAndLogRequestError (/home/martin/Documents/Code/Projects/cascade/node_modules/.pnpm/@prisma[email protected][email protected]/node_modules/@prisma/client/runtime/library.js:122:6211)
at In.request (/home/martin/Documents/Code/Projects/cascade/node_modules/.pnpm/@prisma[email protected][email protected]/node_modules/@prisma/client/runtime/library.js:122:5919)
at async l (/home/martin/Documents/Code/Projects/cascade/node_modules/.pnpm/@prisma[email protected][email protected]/node_modules/@prisma/client/runtime/library.js:127:11167)
at async Promise.all (index 32)
at main (/home/martin/Documents/Code/Projects/cascade/prisma/seed.ts:55:3) {
code: 'P2002',
clientVersion: '5.14.0',
meta: { modelName: 'User', target: [ 'id' ] }
}

An error occurred while running the seed command:
Error: Command failed with exit code 1: tsx prisma/seed.ts
`

Description:

After completing a successful payment, the user is redirected to the "/billing" page, but this leads to a 404 error page. This issue disrupts the user experience and prevents them from accessing relevant billing information post-payment.

Steps to Reproduce:

Initiate a payment process.

• Successfully complete the payment.
• Observe the redirection to "/billing".
• Encounter the 404 error page.

Expected Behavior:

After a successful payment, users should be redirected to the appropriate billing page where they can view relevant information without encountering a 404 error.

Any usage or demo about how to develop this source, like usage: step 1: Visual Studio Code ..., step2. Node.js ....

Thanks!