nextjs config of broken dreams

// APP_ROOT/server.js

const { Meep: ReactSSR } = require("./src/ssr")

const sheet = new ServerStyleSheet()
try {
  const html = renderToString(sheet.collectStyles(<ReactSSR />))
  const styleTags = sheet.getStyleTags() // or sheet.getStyleElement();
} catch (error) {
  // handle error
  console.error(error)
} finally {
  sheet.seal()
}

// results in Unexpected token error "<"

// =========================

// .babelrc
{
  "presets": [
    "@babel/preset-react",
    [
      "@babel/preset-env",
      {
        "modules": false
      }
    ]
  ],
  "plugins": [
    [
      "@babel/plugin-transform-react-jsx",
      {
        "pragma": "dom"
      }
    ],
    [
      "babel-plugin-styled-components",
      {
        "pure": true
      }
    ]
  ]
}