const res = NextResponse.next()
res.cookies.set('cookie1', 'cookie1')
res.cookies.set('cookie2', 'cookie2')

const res = NextResponse.next()
res.cookies.set('cookie1', 'cookie1')
res.cookies.set('cookie2', 'cookie2')

<PayPalButtons
            createSubscription={async (data, actions) => {
                const res = await myFetch(
                    '/api/payment/create_subscription',
                    {
                        method: 'POST',
                    },
                )

                return actions.subscription
                    .create({
                        plan_id: res.id,
                    })
                    .then((orderId) => {
                        return orderId
                    })
            }}
            onApprove={async (data, actions) => {
                toast.success(`Subscription payment success! : ${data.subscriptionID}`)
            }}
        />

<PayPalButtons
            createSubscription={async (data, actions) => {
                const res = await myFetch(
                    '/api/payment/create_subscription',
                    {
                        method: 'POST',
                    },
                )

                return actions.subscription
                    .create({
                        plan_id: res.id,
                    })
                    .then((orderId) => {
                        return orderId
                    })
            }}
            onApprove={async (data, actions) => {
                toast.success(`Subscription payment success! : ${data.subscriptionID}`)
            }}
        />

const responseBody = JSON.stringify({
    accessToken: newAccessToken,
    refreshToken: newRefreshToken ?? '',
    expiresAt: Date.now() + 3600 * 1000,
})

return new Response(responseBody, {
    status: 200,
    headers: {
        'content-type': 'application/json',
    },
})

const responseBody = JSON.stringify({
    accessToken: newAccessToken,
    refreshToken: newRefreshToken ?? '',
    expiresAt: Date.now() + 3600 * 1000,
})

return new Response(responseBody, {
    status: 200,
    headers: {
        'content-type': 'application/json',
    },
})

    const { accessToken, expiresAt } = await fetch('/api/......', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
        },
        body: JSON.stringify({ refreshToken }),
    })
        .then((res) => {
            return res.json() // -<<<<<< It's ERRORING HERE
        })
        .then((d) => {
            return d
        })

    const { accessToken, expiresAt } = await fetch('/api/......', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
        },
        body: JSON.stringify({ refreshToken }),
    })
        .then((res) => {
            return res.json() // -<<<<<< It's ERRORING HERE
        })
        .then((d) => {
            return d
        })

-> frontend makes request to edge CF worker 
-> a CF worker spins up closest to the user 
-> CF worker calls a supabase edge function 
-> Supabase edge function spins up closest to where the CF worker was

-> frontend makes request to edge CF worker 
-> a CF worker spins up closest to the user 
-> CF worker calls a supabase edge function 
-> Supabase edge function spins up closest to where the CF worker was