bumbag-ui The Dialog/Modal reports an error when used with next.js

The Dialog/Modal reports an error when used with next.js

Open firede opened this issue 5 years ago • 2 comments

Describe the bug

The Dialog/Modal reports an error when used with next.js.

To Reproduce

Go to https://y92q9.sse.codesandbox.io/
Open Chrome DevTools Console
See error (Screenshots below)

Code: https://codesandbox.io/s/bumbag-dialog-issue-y92q9?file=/components/TestDialog.tsx

import React from "react";
import { Modal, Button, Card, Box } from "bumbag";

const TestDialog = () => {
  return (
    <Modal.State>
      <Modal.Disclosure use={Button}>Open modal</Modal.Disclosure>
      <Modal>
        <Card>
          <Box>Hello world</Box>
          <Modal.Disclosure use={Button}>Close</Modal.Disclosure>
        </Card>
      </Modal>
    </Modal.State>
  );
};

export default TestDialog;

Expected behavior

Screenshots