[NEXT-1120] draftMode().enable() does not set cookie if followed by redirect()

[jornki]

Verify canary release

• I verified that the issue exists in the latest Next.js canary release

Provide environment information

Operating System:
      Platform: darwin
      Arch: arm64
      Version: Darwin Kernel Version 22.4.0: Mon Mar  6 20:59:28 PST 2023; root:xnu-8796.101.5~3/RELEASE_ARM64_T6000
    Binaries:
      Node: 16.19.0
      npm: 8.19.3
      Yarn: 1.22.19
      pnpm: N/A
    Relevant packages:
      next: 13.4.0
      eslint-config-next: 13.4.0
      react: 18.2.0
      react-dom: 18.2.0

Which area(s) of Next.js are affected? (leave empty if unsure)

App directory (appDir: true)

Link to the code that reproduces this issue

https://github.com/jornki/next-draft-bug

To Reproduce

1. Create the following Route Handler (/api/demo)

// app/api/demo/route.ts
import { draftMode } from "next/headers";
import { redirect } from "next/navigation";

export async function GET(req: Request) {
	draftMode().enable();
	return redirect("/");
}

2. Call the the route.

Describe the Bug

When using redirect in combination with draftMode().enable();, the __prerender_bypass cookie is not set. However, if you return a Response instead of using a redirect the cookie is set.

Expected Behavior

The __prerender_bypass cookie should be set.

Which browser are you using? (if relevant)

Tested with latest Firefox and Edge

How are you deploying your application? (if relevant)

Tested locally (dev and start)

_NEXT-1120

[andrew-mcmaster]

This was happening for me too, was able to fix with this for now.

return new Response(null, {
    status: 307,
    headers: {
        Location: path,
    },
})

[jornki]

Thank you for the alternative solution @andrew-mcmaster.

[hrithikroboto]

I was pulling my hair until I saw this.

[leo-cheron]

andrew-mcmaster solves __prerender_bypass cookie writing, but despite being correctly set, draftMode().isEnabled stays always false in any of my server components.

This was happening because my runtime was forced to edge.

export const runtime = 'edge'

[maximilianschmitt]

It seems that draftMode().disable() also doesn't work when followed by a redirect(). @andrew-mcmaster's workaround works here too! :)

[surjithctly]

I checked my 3rd party settings in chrome as given in the notes and wondered why it did not work in localhost. decided to upload on server and still had the same error.

Now, I see this issue, I can finally sleep :)

[github-actions]

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.