styled-jsx: I got _JSXStyle is not defined with 3.4.0

I was actually trying to import a component from a local package (yarn workspaces + lerna setup) that had <style jsx> blocks and styled-jsx@3.4.4 as external dependency.

Next app (website) package.json

{
  "name": "@clients/test",
  "version": "1.0.0",
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start"
  },
  "dependencies": {
    "@lib/react-ui": "^1.0.0",
    "next": "^10.0.9",
    "react": "^17.0.2",
    "react-dom": "^17.0.2"
  }
}

import React, { Fragment } from 'react'
import Head from 'next/Head'

const App = ({ Component, pageProps }) => {

  return (
    <Fragment>
        <Component {...pageProps} />
        {/* added the lines below just for the sake of it */}
        <style global jsx>{`
          body::-webkit-scrollbar {
            width: 0;
          }
        `}</style>
    </Fragment>
  )
}

export default App

Next app (component lib) package.json

{
  "name": "@lib/react-ui",
  "version": "1.0.0",
  "main": "dist/index.js",
  "module": "esm/index.js",
  "files": [
    "/dist",
    "/esm"
  ],
  "devDependencies": {
    "@babel/cli": "^7.13.0",
    "@babel/core": "^7.13.8",
  },
  "dependencies": {
    "styled-jsx": "^3.4.4"
  }
}

import React, { Fragment } from 'react'

const ExampleComponent = () => {

  return (
    <Fragment>
      <span className="avatar" {...props}>
          {text}
        </span>
        <style jsx>{`
          .avatar {
            display: inline-block;
            position: relative;
        `}</style>
    </Fragment>
  )
}

export default ExampleComponent

Adding the snippet below inside the component library app index.js file did the trick. The _JSXStyle is now being correctly imported/compiled by webpack.

import _JSXStyle from 'styled-jsx/style';
 
if (typeof global !== 'undefined') {
  Object.assign(global, { _JSXStyle })
}

Adding the above directly inside the Next app (website) and installing styled-jsx@3.4.4 as a dependency did also fix the problem whilst troubleshooting.

Inspired on this article