Compilation Error with '@udecode/plate-core' and 'nanoid/non-secure' in React App

[erseversahin]

I'm integrating PlateJS into my React application using create-react-app and @craco/craco. However, I encounter a compilation error with @udecode/plate-core:

Failed to compile.

./node_modules/@udecode/plate-core/dist/index.mjs
Attempted import error: 'nanoid' is not exported from 'nanoid/non-secure' (imported as 'nanoid2').

I've confirmed 'nanoid' is installed, deleted node_modules and package-lock.json, and reinstalled dependencies. I've also tried different versions of 'nanoid' and ensured all related packages are up to date. My project uses craco for configuration.

craco.config.js:

const CracoAlias = require('craco-alias');

module.exports = {
    plugins: [
        {
            plugin: CracoAlias,
            options: {
                source: 'tsconfig',
                baseUrl: './src',
                tsConfigPath: './tsconfig.paths.json'
            },
        },
    ],
}

Environment:

React: ^18.2.0 react-dom: ^18.2.0 Any suggestions for resolving this issue would be greatly appreciated.

Funding

• You can sponsor this specific effort via a Polar.sh pledge below
• We receive the pledge once the issue is completed & verified

[Zrs0105]

yes，i have same error，how to resolve.