Bug in @payloadcms/richtext-slate when upgrading to Payload 2.28.0 related to faceless-ui/modal

[cval95]

Link to reproduction

No response

Describe the Bug

After upgrading to Payload CMS version 2.28.0, I encountered an issue when using @payloadcms/richtext-slate. The problem seems to be related to the ModalProvider component from the faceless-ui/modal package. The application throws an error indicating that useRef is being accessed on a null value.

To Reproduce

Upgrade to Payload CMS version 2.28.0.
Install @payloadcms/richtext-slate
Attempt to use the Payload CMS

Payload Version

2.28.0

Adapters and Plugins

bundler-webpack, db-mongodb, plugin-seo, richtext-slate

[jacobsfletch]

Hey @cval95, this sounds similar to #8576. Check out my comment here. You likely need to ensure that both payload and @payloadcms/richtext-slate install the same version of the @faceless-ui/modal package, otherwise they won't share React context. Although reading your error, it sounds like React itself might not be installed at all. The useRef hook is imported directly from react.

[gngz]

Hey @cval95, this sounds similar to #8576. Check out my comment here. You likely need to ensure that both payload and @payloadcms/richtext-slate install the same version of the @faceless-ui/modal package, otherwise they won't share React context. Although reading your error, it sounds like React itself might not be installed at all. The useRef hook is imported directly from react.

I think @payloadcms/richtext-slate uses @faceless-ui/modal@2.0.1 instead @faceless-ui/modal@2.0.2

Latest version of @payloadcms/richtext-slate for payload 2 is 1.5.2?

[davidjon]

Hi all! I'm struggling with the same thing. I've read @jacobsfletch note; about not having two different versions of the @faceless-ui/modal package. I'm trying to ensure this fixes the bug I have, similar to #8576.

However when installing a clean version of the richtext-slate package, always installs @faceless-ui/modal@2.0.1.

Looking at the repo, it seems like you've already updated the dependency to 2.0.2, but haven't released it yet? Is that possible?

• https://github.com/payloadcms/payload/blob/v2.32.3/packages/richtext-slate/package.json
• https://github.com/payloadcms/payload/commits/v2.32.3/packages/richtext-slate/package.json
• https://www.npmjs.com/package/@payloadcms/richtext-slate/v/1.5.2?activeTab=code

Is there another way around? Without having to downgrade to an older version of Payload 2.30