Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Got undefined error from Dialog

See original GitHub issue

Hi @RobinMalfait,

I’m using headlessui/react@dev and I’m going through an error with the Dialog component:

TypeError: Cannot read property 'Overlay' of undefined

Here the code, copy/pasted from the documentation:

<Dialog open={showForm} onClose={setShowForm}>
  <Dialog.Overlay />

  <Dialog.Title>Deactivate account</Dialog.Title>
  <Dialog.Description>This will permanently deactivate your account</Dialog.Description>

  <p>
      Are you sure you want to deactivate your account? All of your data will be permanently
      removed. This action cannot be undone.
  </p>

  <button onClick={() => setShowForm(false)}>Deactivate</button>
  <button onClick={() => setShowForm(false)}>Cancel</button>
</Dialog>

Issue Analytics

State:
Created 3 years ago
Reactions:1
Comments:6

Top GitHub Comments

2reactions

paperfella-ceocommented, Mar 2, 2021

I got the same problem

1reaction

RobinMalfaitcommented, Mar 5, 2021

@ChristoRibeiro make it a pinned version like "@headlessui/react": "0.3.1-d519f7d" (without the caret). Also nuke your node_modules just in case! See this reply: https://github.com/tailwindlabs/headlessui/issues/269#issuecomment-791333952