Upgrading @ckeditor/ckeditor5-react from version 2.1 to 3.0 breaks the next.js integration

[jorissparla]

📝 Reproduction steps

1. …clone repo https://github.com/jorissparla/x and install dependencies
2. …run yarn dev
3. load localhost:3000 in browser

✔️ Expected result

Page loaded with Editor visible

❌ Actual result

Unhandled runtime error is shown

📃 Other details

• Browser: All
• OS: Windows 10

Workaround

Downgrade @ckeditor/ckeditor5-react to 2.1,0 - error does not happen anymore. 3,0 breaks this

[pomek]

As mentioned on the [email protected] page, you need to change the way how the CKEditor component is imported.

It should be:

import { CKEditor } from '@ckeditor/ckeditor5-react';

The package (@ckeditor/ckeditor5-react) exports more than a single component since 3.0.0. That's why we needed to change it.