Crashes when used with @sanity/color-input about sanity-plugin-note-field

[ndimatteo]

Alright @GLips and @eghernqvist, I got this sorted!

You'll want to be on the latest studio versions: ^2.19.0 (this includes the new styled-components depedency)

That, plus the update here (1.1.2) will allow you to use Note fields without issue.

One notable change is if you plan to include HTML in your note message you will need to rewrite these from strings to JSX. I've updated the second example in the readme with how to do this.

[ndimatteo]

Hey there @GLips I looked into this further and I found that Sanity pushed some breaking UI updates with their <Text /> component (see here).

I pushed up a fix in version 1.1.2 that should at least resolve this conflict causing studios to crash, but just a heads up: it seems there are now issues around using HTML in your Note message.

I'm working with the Sanity team to figure out a solution there, but for basic note messages you should be all set 🤘

[ndimatteo]

Hey there @eghernqvist I don't think this is an issue with the Note Field plugin, or a conflict with the Color Input plugin.

In HULL, we use both of these fields without issue (https://github.com/ndimatteo/HULL/blob/main/studio/sanity.json#L13), which tells me this is some other issue in your setup.

The error you're getting implies some component might be trying to set its contents with dangerouslySetInnerHTML and has children.

[GLips]

Hey @ndimatteo, we don't have the color input plugin installed on our version, but are also getting the same error message from the note plugin. It's just cropped up recently—was working fine before.

I'm digging a bit deeper into the issue to see if I can figure it out, but I'm pretty sure it's coming from this plugin.

[GLips]

Right on @ndimatteo. That's amazing.

Love your work on HULL btw. Served as inspiration for a current project.