atelierdisko / payload-lexical-react-renderer

MIT License
31 stars 5 forks source link

Cannot read properties of undefined (reading 'ReactCurrentDispatcher') #7

Open lctone opened 4 months ago

lctone commented 4 months ago

Can you please help me to fix this one ?

An error occurred when payloadcms updated lexical

Screenshot 2024-05-08 155113

 ⨯ node_modules\.pnpm\@atelier-disko+payload-lexical-react-renderer@1.0.4_react-dom@18.3.1_react@18.3.1\node_modules\@atelier-disko\payload-lexical-react-renderer\dist\payload-lexical-react-renderer.es.js (194:1) @ eval
 ⨯ TypeError: Cannot read properties of undefined (reading 'ReactCurrentDispatcher')
    at eval (webpack-internal:///(rsc)/./node_modules/.pnpm/@atelier-disko+payload-lexical-react-renderer@1.0.4_react-dom@18.3.1_react@18.3.1/node_modules/@atelier-disko/payload-lexical-react-renderer/dist/payload-lexical-react-renderer.es.js:201:15)
    at le (webpack-internal:///(rsc)/./node_modules/.pnpm/@atelier-disko+payload-lexical-react-renderer@1.0.4_react-dom@18.3.1_react@18.3.1/node_modules/@atelier-disko/payload-lexical-react-renderer/dist/payload-lexical-react-renderer.es.js:632:4)
    at eval (webpack-internal:///(rsc)/./node_modules/.pnpm/@atelier-disko+payload-lexical-react-renderer@1.0.4_react-dom@18.3.1_react@18.3.1/node_modules/@atelier-disko/payload-lexical-react-renderer/dist/payload-lexical-react-renderer.es.js:634:26)
    at (rsc)/./node_modules/.pnpm/@atelier-disko+payload-lexical-react-renderer@1.0.4_react-dom@18.3.1_react@18.3.1/node_modules/@atelier-disko/payload-lexical-react-renderer/dist/payload-lexical-react-renderer.es.js (D:\payload\school\sonaedu\.next\server\vendor-chunks\@atelier-disko+payload-lexical-react-renderer@1.0.4_react-dom@18.3.1_react@18.3.1.js:20:1)
    at __webpack_require__ (D:\payload\school\sonaedu\.next\server\webpack-runtime.js:33:43)
    at eval (webpack-internal:///(rsc)/./src/components/blog/content-block.tsx:7:103)
    at (rsc)/./src/components/blog/content-block.tsx (D:\payload\school\sonaedu\.next\server\app\(app)\blog\[slug]\page.js:195:1)
    at __webpack_require__ (D:\payload\school\sonaedu\.next\server\webpack-runtime.js:33:43)
    at eval (webpack-internal:///(rsc)/./src/components/blog/block-render.tsx:7:72)
    at (rsc)/./src/components/blog/block-render.tsx (D:\payload\school\sonaedu\.next\server\app\(app)\blog\[slug]\page.js:184:1) {
type: 'TypeError',
MendyLanda commented 4 months ago

@lctone I'm experiencing the same issue, were you able to solve it? I think it has something to do with the react version < 19

MendyLanda commented 4 months ago

Temporary solution for those looking here: If you copy the content of payloadLexicalReactRenderer.tsx and use it directly in your project it works fine.

I don't know what happens exactly, even when overriding the react and react-dom peer deps to match it still gave me this error - when using this package.

DaveMitten commented 1 week ago

Had the same issue as you @MendyLanda

Thanks for the fix. I had to introduce a lot fo fixes into that file too.

Including if you are to use the


tag, you need to add this into the function and types or it produces errors again

Temporary solution for those looking here: If you copy the content of payloadLexicalReactRenderer.tsx and use it directly in your project it works fine.

I don't know what happens exactly, even when overriding the react and react-dom peer deps to match it still gave me this error - when using this package.