mui-otp v4.0.1 and v5.0.0 are not compatible with React 18

[bartizan]

Release v4 declares that React 18 is supported, but it crashes the app.
Maybe I have got it wrong and React 18 is not supported, is it?

react.development.js:1219 Uncaught TypeError: Cannot read properties of null (reading 'useRef')
    at push../node_modules/mui-one-time-password-input/node_modules/react/cjs/react.development.js.exports.useRef (react.development.js:1219:1)
    at mui-one-time-password-input.es.js:83:1
    at renderWithHooks (react-dom.development.js:15486:1)
    at updateForwardRef (react-dom.development.js:19245:1)
    at beginWork (react-dom.development.js:21675:1)
    at HTMLUnknownElement.callCallback (react-dom.development.js:4164:1)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:4213:1)
    at invokeGuardedCallback (react-dom.development.js:4277:1)
    at beginWork$1 (react-dom.development.js:27490:1)
    at performUnitOfWork (react-dom.development.js:26596:1)

react-dom.development.js:18704 The above error occurred in the <ForwardRef> component:
    at http://localhost:3000/static/js/vendors-node_modules_rspack_core_dist_cssExtractHmr_js-node_modules_mui-one-time-password-inp-e30d5d.js:3056:14
    at MyComponent (http://localhost:3000/static/js/index.js:48:72)
    at div
    at App

[recker112]

Hello, I encountered the same problem you did. I managed to fix it by forcing the installation of react 18.x in the package.json. I don't know if there is a better way, but with this the library works without any issues.

"overrides": {
    "mui-one-time-password-input": {
      "react": "18.3.1",
      "react-dom": "18.3.1"
    }
  }