TypeError: Cannot read properties of undefined (reading 'current') when adding `--turbo` #57936

pjborowiecki · 2023-11-02T14:29:31Z

Link to the code that reproduces this issue

https://github.com/pjborowiecki/PERSONAL-PORTFOLIO-Next14-Sanity-TypeScript-GSAP-Tailwind

To Reproduce

Fill in the RESEND_API_KEY, RESEND_EMAIL_FROM, and RESEND_EMAIL_TO environment variables in .env file
Start the application without turbo and attempt to use the contact form (works perfectly fine)
Add --turbo to your dev script in package.json, attempt to use the form (and see it logging out the error)

Current vs. Expected behavior

Expecting no errors when submitting a form using Resend and --turbo

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.5.0: Mon Apr 24 20:53:44 PDT 2023; root:xnu-8796.121.2~5/RELEASE_ARM64_T8103
Binaries:
  Node: 18.17.0
  npm: 10.2.2
  Yarn: 1.22.19
  pnpm: 8.10.0
Relevant Packages:
  next: 14.0.2-canary.6
  eslint-config-next: 14.0.1
  react: 18.2.0
  react-dom: 18.2.0
  typescript: 5.2.2
Next.js Config:
  output: N/A

Which area(s) are affected? (Select all that apply)

Turbopack (--turbo)

Additional context

I have been working on my personal portfolio website and set up a contact form with React Hook Form, Resend, and Server Actions.

It works perfectly fine, even after upgrading to Next 14. However, the moment I add --turbo to the dev script, it no longer submits the emails. The action fails with the message: TypeError: cannot read properties of undefined (reading 'current').

The project is completely unstyled yet for larger screens, I am currently working on styling for mobile devices, so please do not get outraged. Styling is irrelevant to the issue.

_PACK-2243

The text was updated successfully, but these errors were encountered:

EliHood · 2023-11-02T18:07:55Z

Have you tried to debug the issue, if so, what have you discovered thus far ?

pjborowiecki · 2023-11-02T20:24:33Z

Have you tried to debug the issue, if so, what have you discovered thus far ?

The error message is not very descriptive. It looks something like this:

TypeError: Cannot read properties of undefined (reading 'current')
at `performWork` (/my_project/.next/server/chunks/a5f67_next_dist_compiled_react-dom_cjs_react-dom-server-legacy_node_development_1df89d.js:9132:57)
at /my_project/.next/server/chunks/a5f67_next_dist_compiled_react-dom_cjs_react-dom-server-legacy_node_development_1df89d.js:9457:28
at `scheduleWork` (/my_project/.next/server/chunks/a5f67_next_dist_compiled_react-dom_cjs_react-dom-server-legacy_node_development_1df89d.js:148:13)
at `startWork` (/my_project/.next/server/chunks/a5f67_next_dist_compiled_react-dom_cjs_react-dom-server-legacy_node_development_1df89d.js:9456:17)
at `renderToStringImpl` (/my_project/.next/server/chunks/a5f67_next_dist_compiled_react-dom_cjs_react-dom-server-legacy_node_development_1df89d.js:9558:13)
at `Module.renderToStaticMarkup` (/my_project/.next/server/chunks/a5f67_next_dist_compiled_react-dom_cjs_react-dom-server-legacy_node_development_1df89d.js:9632:20)
at `render` (/my_project/.next/server/chunks/node_modules__pnpm_fc0103._.js:6700:311)
at `Emails.<anonymous>` (/my_project/.next/server/chunks/node_modules__pnpm_fc0103._.js:7865:52)
at `Generator.next (<anonymous>)`
at /my_project/.next/server/chunks/node_modules__pnpm_fc0103._.js:7845:71
at `new Promise (<anonymous>)`
at module.exports.[project]/node_modules/.pnpm/resend@1.1.0/node_modules/resend/build/src/emails/emails.js [rsc] (ecmascript).__awaiter (my_project/.next/server/chunks/node_modules__pnpm_fc0103._.js:7827:12)
at `Emails.create` (/my_project/.next/server/chunks/node_modules__pnpm_fc0103._.js:7863:16)

.. and so on. --turbo is not crucial for my app to work, so I did not spend too much time debugging it. Just removed the flag for now and everything works fine again.

Mentioned it here for others, and to make Next.js and Resend maintainers aware of this issue. Thank you for the answer

EliHood · 2023-11-02T20:27:15Z

Ok give me sometime, will try to reproduce this on my end. Will update you in a few hours.

EliHood · 2023-11-02T23:00:58Z

@pjborowiecki I think i need some environment variables to reproduce this.

Maybe i just need the projectId ? i added test

I get

body: {
    message: 'Dataset "production" not found for project ID "test"',
    statusCode: 404,
    error: 'Dataset not found'
  },

I think i can add random values for the following, or maybe im wrong.

RESEND_API_KEY,
RESEND_EMAIL_FROM,
RESEND_EMAIL_TO

padmaia · 2023-12-12T00:05:16Z

@pjborowiecki do you have more instructions on how to properly reproduce this issue?

r4zendev · 2024-01-10T00:55:31Z

I was able to reproduce when using resend and react-email in server action. Basically, I just created a template, instantiated resend in server action and tried to resend.emails.send. With turbo it errors with the same error as OP described, while with webpack it works well. Let me know if minimal repo for this is still needed.

juancamiloqhz · 2024-01-13T21:08:16Z

I'm having this exact same issue. I had to move back to Webpack again to be able to develop my app.

ForsakenHarmony · 2024-01-16T16:33:24Z

Would definitely appreciate a more minimal repro @r4zendev

r4zendev · 2024-01-18T21:29:33Z

@ForsakenHarmony that's about as minimal as I could get: https://github.com/r4zendev/turbo-repro

If you setup your own Resend configuration and try to send the email, it would fail with an error printed out in the console that is similar to the OP's. The same works flawlessly with Webpack.

To setup provide a valid resend api key in .env and change the domain from which your email would originate in contact-us.tsx at line 16.

richiemcilroy · 2024-01-19T14:54:42Z

Getting the same error, in the same place.

usamaster · 2024-01-21T12:45:43Z

Also ran into this issue with resend and react mail.

However, when using html in the mail headers it works

does not work:

 const data = await resend.emails.send({
      from: "onboarding@resend.dev",
      to: "test@hotmail.com",
      subject: `has a message!`,
      react: NotionMagicLinkEmail({ loginCode: "123456" }),
    })

does work:

const data = await resend.emails.send({
     from: "onboarding@resend.dev",
     to: "test@hotmail.com",
     subject: `has a message!`,
     html: "<p>Hello world!</p>",
   })

youngbloodcyb · 2024-01-24T15:59:19Z

For what it's worth, I got the exact same error when using resend with the --turbo flag. Got rid of the flag and everything's working perfectly

realverse · 2024-02-10T23:53:44Z

Seeing the same issue. Runs fine without --turbo. But running with --turbo (Next 14.1) causes TypeError: Cannot read properties of undefined (reading 'current').

gitkenya · 2024-02-13T05:52:19Z

Experiencing the same issues with --turbo flag on Next 14.1.0. Both Resend and ZeptoMail result to TypeError: Cannot read properties of undefined (reading 'current') however without the --turbo flag everything works fine no errors thrown

### What? Probably not the right solution, next.js disables the `react-server` import condition in there somehow I think ### Why? Resend uses `@react-email/render` which uses `renderToString` from `react-dom/server`. Unfortunately importing `react-dom/server` with the `react-server` import condition leads to a broken bundle (which seems like a bug in react?). Closes PACK-2243 Fixes #57936

github-actions · 2024-02-29T00:03:44Z

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

pjborowiecki added the bug Issue was opened via the bug report template. label Nov 2, 2023

github-actions bot added the Turbopack Related to Turbopack with Next.js. label Nov 2, 2023

pjborowiecki mentioned this issue Nov 2, 2023

TypeError: Cannot read properties of undefined (reading 'current') when adding --turbo in Next.js resend/resend-node#258

Open

ForsakenHarmony added the linear: turbopack Confirmed issue that is tracked by the Turbopack team. label Jan 16, 2024

ForsakenHarmony mentioned this issue Jan 26, 2024

fix(turbopack): react-dom/server in rsc context #61165

Merged

ForsakenHarmony closed this as completed in #61165 Feb 14, 2024

github-actions bot added the locked label Feb 29, 2024

github-actions bot locked as resolved and limited conversation to collaborators Feb 29, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

TypeError: Cannot read properties of undefined (reading 'current') when adding `--turbo` #57936

TypeError: Cannot read properties of undefined (reading 'current') when adding `--turbo` #57936

pjborowiecki commented Nov 2, 2023 •

edited by padmaia

Loading

EliHood commented Nov 2, 2023

pjborowiecki commented Nov 2, 2023 •

edited by ForsakenHarmony

Loading

EliHood commented Nov 2, 2023

EliHood commented Nov 2, 2023 •

edited

Loading

padmaia commented Dec 12, 2023

r4zendev commented Jan 10, 2024

juancamiloqhz commented Jan 13, 2024

ForsakenHarmony commented Jan 16, 2024

r4zendev commented Jan 18, 2024

richiemcilroy commented Jan 19, 2024

usamaster commented Jan 21, 2024 •

edited

Loading

youngbloodcyb commented Jan 24, 2024

realverse commented Feb 10, 2024

gitkenya commented Feb 13, 2024

github-actions bot commented Feb 29, 2024

TypeError: Cannot read properties of undefined (reading 'current') when adding --turbo #57936

TypeError: Cannot read properties of undefined (reading 'current') when adding --turbo #57936

Comments

pjborowiecki commented Nov 2, 2023 • edited by padmaia Loading

Link to the code that reproduces this issue

To Reproduce

Current vs. Expected behavior

Verify canary release

Provide environment information

Which area(s) are affected? (Select all that apply)

Additional context

EliHood commented Nov 2, 2023

pjborowiecki commented Nov 2, 2023 • edited by ForsakenHarmony Loading

EliHood commented Nov 2, 2023

EliHood commented Nov 2, 2023 • edited Loading

padmaia commented Dec 12, 2023

r4zendev commented Jan 10, 2024

juancamiloqhz commented Jan 13, 2024

ForsakenHarmony commented Jan 16, 2024

r4zendev commented Jan 18, 2024

richiemcilroy commented Jan 19, 2024

usamaster commented Jan 21, 2024 • edited Loading

youngbloodcyb commented Jan 24, 2024

realverse commented Feb 10, 2024

gitkenya commented Feb 13, 2024

github-actions bot commented Feb 29, 2024

TypeError: Cannot read properties of undefined (reading 'current') when adding `--turbo` #57936

TypeError: Cannot read properties of undefined (reading 'current') when adding `--turbo` #57936

pjborowiecki commented Nov 2, 2023 •

edited by padmaia

Loading

pjborowiecki commented Nov 2, 2023 •

edited by ForsakenHarmony

Loading

EliHood commented Nov 2, 2023 •

edited

Loading

usamaster commented Jan 21, 2024 •

edited

Loading