Error Require() of ES Module not supported

[normdoow]

Description

Error [ERR_REQUIRE_ESM]: require() of ES Module /Users/noahbragg/Developer/node_projects/potion/potion-site-v2/node_modules/notion-utils/build/index.js from /Users/noahbragg/Developer/node_projects/potion/potion-site-v2/lib/config.ts not supported.
Instead change the require of index.js in /Users/noahbragg/Developer/node_projects/potion/potion-site-v2/lib/config.ts to a dynamic import() which is available in all CommonJS modules.

Im on the latest version of react-notion-x
"notion-client": "=6.12.0",
"notion-types": "=6.11.0",
"notion-utils": "=6.11.0",
"react-notion-x": "=6.12.5",

Using next v12.1.1

Notion Test Page ID

No page id. Just get this error when running any page that needs the notion-utils library.

[Commandtechno]

I had the same issue, but seems like this was intentional... Ended up switching to the dark side of ES6 today because of it.

Switched to module: f114250
Removed CJS building: 4039b4e

[transitive-bullshit]

I'm trying to move all of my NPM packages to focus on ESM support, following Sindresorhus' lead.

If you're not sure how to consume ESM modules, see this guide.

I will consider re-adding commonjs support to react-notion-x if someone can provide a compelling reason why it's necessary. Otherwise, this change is intended to help move the community towards ESM — which needs to happen sooner or later anyway.

[normdoow]

I'm trying to move all of my NPM packages to focus on ESM support, following Sindresorhus' lead.

If you're not sure how to consume ESM modules, see this guide.

I will consider re-adding commonjs support to react-notion-x if someone can provide a compelling reason why it's necessary. Otherwise, this change is intended to help move the community towards ESM — which needs to happen sooner or later anyway.

hey, thanks for the info. I'm trying to follow the guide. Does https://github.com/transitive-bullshit/nextjs-notion-starter-kit consume as ESM now as an example?

[transitive-bullshit]

Does transitive-bullshit/nextjs-notion-starter-kit consume as ESM now as an example?

Yes. All examples in this repo, as well as the accompanying starter kit have been switched to use ESM.

[normdoow]

Thanks @transitive-bullshit. I was just missing a piece of the ESM support in my project. After correctly upgrading everythign we are good to go. Closing for now.