Error: (0 , _react.useRef) is not a function

I am using React 18.2.0 on NextJS and get the following error whenever creating a CodeMirror component in one of my components. The code I have at the moment is as following:

import CodeMirror from '@uiw/react-codemirror';

function App() {
  return (
    <CodeMirror
      value="console.log('hello world!');"
      height="200px"
    />
  );
}
export default App;

And the error call stack looks as following:

eval
node_modules/@uiw/react-codemirror/cjs/index.js (92:34)

render
node_modules/next/dist/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js (1498:17)

attemptResolveElement
node_modules/next/dist/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js (1759:20)

resolveModelToJSON
node_modules/next/dist/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js (1249:13)

stringify
<anonymous>

stringify
node_modules/next/dist/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js (181:13)

processModelChunk
node_modules/next/dist/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js (2062:25)

retryTask
node_modules/next/dist/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js (2109:6)

performWork
node_modules/next/dist/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js (1544:13)

listOnTimeout
node:internal/timers (568:17)

process.processTimers
node:internal/timers (511:7)

Start by reproducing the provided CodeMirror component with React 18.2.0 and NextJS, then inspect node_modules/@uiw/react-codemirror/cjs/index.js at line 92 alongside the Next server-rendering stack. Done means the component renders without the reported useRef error in the stated setup.