async function onSubmit(values: z.infer<typeof profileFormSchema>) {
      await submitProfile(values)
  }

export const submitProfile = async (
  profile: z.infer<typeof profileFormSchema>
) => {
  const validatedFields = profileFormSchema.safeParse(profile)
  if (!validatedFields.success) {
    return {
      errors: validatedFields.error.flatten().fieldErrors,
    }
  }
  redirect('/onboarding/job-seeker/experience') //<--- This is what triggers the error
}

import { getSession } from '@/lib/auth'
import { isProduction } from '@/lib/env.mjs'
import getUserWithJobseekerProfileByEmail from '@/lib/user/getUserWithJobseekerProfile'
import Link from 'next/link'
import { redirect } from 'next/navigation'
import { ProfileForm } from './form'

export default async function RolePage({
  searchParams: { callbackUrl: callbackUrl },
}: {
  searchParams: { callbackUrl: string | null }
}) {
  const session = await getSession()
  const afterSignUpCallbackUrl = encodeURIComponent(
    isProduction
      ? 'https://www.verk.so/onboarding/job-seeker'
      : 'https://localhost:3001/onboarding/job-seeker'
  )

  if (!session) {
    redirect('/login?callbackUrl=' + afterSignUpCallbackUrl)
  }

  const userWithJobProfile = await getUserWithJobseekerProfileByEmail(
    session?.user?.email
  )

  // if (userWithJobProfile.jobSeekerProfile) {
  //   redirect('/profile')
  // }

  if (!userWithJobProfile) {
    redirect('/login?error=notfound')
  }

  const firstName = userWithJobProfile.jobSeekerProfile?.firstName
    ? userWithJobProfile.jobSeekerProfile?.firstName
    : userWithJobProfile.name
    ? userWithJobProfile.name.split(' ')[0]
    : undefined
  const lastName = userWithJobProfile.jobSeekerProfile?.lastName
    ? userWithJobProfile.jobSeekerProfile?.lastName
    : userWithJobProfile.name
    ? userWithJobProfile.name.split(' ')[-1]
    : undefined

  return (
    <div className="flex flex-col gap-4">
      <Link href="/onboarding/role" className="flex w-fit items-center ">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          fill="none"
          viewBox="0 0 24 24"
          strokeWidth="1.5"
          stroke="currentColor"
          className="w-4 h-4"
        >
          <path
            strokeLinecap="round"
            strokeLinejoin="round"
            d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18"
          />
        </svg>
        <span>Back</span>
      </Link>
      <div>
        <h1 className="text-3xl font-semibold">
          Tell us a little about yourself
        </h1>
      </div>
      <ProfileForm
        bio={userWithJobProfile.jobSeekerProfile?.bio ?? undefined}
        cvUrl={userWithJobProfile.jobSeekerProfile?.cvUrl ?? undefined}
        firstName={firstName}
        lastName={lastName}
        image={userWithJobProfile.image ?? undefined}
        slug={userWithJobProfile.jobSeekerProfile?.slug ?? undefined}
      />
    </div>
  )
}

  useEffect(() => {
    if (typeof window !== 'undefined') {
      router.prefetch('/onboarding/job-seeker/experience')
    }
  }, [router])

"dev": "NODE_OPTIONS=--inspect pnpm run with-env NODE_TLS_REJECT_UNAUTHORIZED=0 next dev & local-ssl-proxy --key ~/certificates/localhost.com+1-key.pem --cert ~/certificates/localhost.com+1.pem --source 3001 --target 3000"

    "dev": "NODE_TLS_REJECT_UNAUTHORIZED=0 NODE_OPTIONS=--inspect pnpm run with-env next dev & local-ssl-proxy --key ~/certificates/localhost.com+1-key.pem --cert ~/certificates/localhost.com+1.pem --source 3001 --target 3000",

❯ pnpm run --filter=web dev

> @useverk/web@ dev /Users/ssardorf/dev/12s12m/verk/apps/web
> NODE_TLS_REJECT_UNAUTHORIZED=0 NODE_OPTIONS=--inspect pnpm run with-env next dev & local-ssl-proxy --key ~/certificates/localhost.com+1-key.pem --cert ~/certificates/localhost.com+1.pem --source 3001 --target 3000

Debugger listening on ws://127.0.0.1:9229/7e44767c-4619-461e-bb91-3cca91d5dd48
For help, see: https://nodejs.org/en/docs/inspector
Started proxy: https://localhost:3001 → http://localhost:3000

> @useverk/web@ with-env /Users/ssardorf/dev/12s12m/verk/apps/web
> dotenv -e ../../.env -- "next" "dev"

Starting inspector on 127.0.0.1:9229 failed: address already in use
Starting inspector on 127.0.0.1:9229 failed: address already in use
Debugger listening on ws://127.0.0.1:9230/e9c3a1e5-1212-4a78-bc37-04cea960ca52
For help, see: https://nodejs.org/en/docs/inspector
   the --inspect option was detected, the Next.js router server should be inspected at port 9230.
   â–² Next.js 14.1.0
   - Local:        http://localhost:3000
   - Environments: .env
   - Experiments (use at your own risk):
     · typedRoutes

(node:84806) Warning: Setting the NODE_TLS_REJECT_UNAUTHORIZED environment variable to '0' makes TLS connections and HTTPS requests insecure by disabling certificate verification.
(Use `node --trace-warnings ...` to show where the warning was created)
 ✓ Ready in 2.3s