Troubleshooting migration from v2 to v3 with Tailwind reference causing invalid JS syntax error

Hi! Trying to migrate a project from v2 to v3 for the first time. My schemas/blockContent.js has this line in it with a tailwind reference:

const smallH2Style = props => (

)

Which gives me this error:



I suspect this is because of the missing access to the definition of the py-4 class? Is this assumtion correct? Or is it something else happening here? The Sanity Studio folder is located inside a
Next.js project folder that has tailwind installed as a dependency - How would I go about linking that Tailwind instance to blockContent.js?

You should be able to fix it by changing the extension of the file to

blockContent.jsx

Thank you! For some reason I just assumed that that was a misenterpretation of the error - because that's exactly what the error said. But you are right!

I had the same experience the first time I saw it!