Uncaught TypeError: Cannot read property 'close' of undefined

Bug Report

Describe the bug

When i add docz to a create-react-app and start the server, it shows a blank page and it gives me this error.

To Reproduce

1. npx create-react-app my-app && cd my-app
2. yarn add docz docz-theme-default --dev
3. Create a basic mdx file
4. yarn docz dev
5. A blank page appears
6. See this error in console:

Uncaught TypeError: Cannot read property 'close' of undefined
    at Object.eval (index.js?e094:72)
    at eval (index.js:230)
    at Object../node_modules/chalk/index.js (vendors.js:554)
    at __webpack_require__ (runtime~app.js:801)
    at fn (runtime~app.js:164)
    at eval (formatWebpackMessages.js?5b63:10)
    at Object../node_modules/react-dev-utils/formatWebpackMessages.js (vendors.js:6800)
    at __webpack_require__ (runtime~app.js:801)
    at fn (runtime~app.js:164)
    at eval (webpackHotDevClient.js?7ef4:23)

Expected behavior

The app should work

Environment

• OS: MacOS 10.14.1
• Node/npm version: Node 10.14.2/npm 6.4.1/Yarn 1.12.3

[elv1n]

I’ve noticed that the problem appears when using docz with react-scripts and the reason is a different version of ‘ansi-styles’. Currently, you can fix it with addition resolutions to package.json

  "resolutions": {
    "ansi-styles": "^3.2.0"
  }

and run yarn

[burtyish]

I can confirm that it’s not related to react-scripts. I’m running a non-CRA app and ran into the same issue while setting up docz.