Doesn't seem to work with NextJS

[elpideus]

$ npm i git+https://github.com/alexanderwallin/react-player-controls.git --force
npm WARN using --force Recommended protections disabled.
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: react-player-controls@2.0.0-beta.1
npm WARN Found: react@18.2.0
npm WARN node_modules/react
npm WARN   peer react@">=18" from @chakra-ui/accordion@2.1.1
npm WARN   node_modules/@chakra-ui/accordion
npm WARN     @chakra-ui/accordion@"2.1.1" from @chakra-ui/react@2.3.5
npm WARN     node_modules/@chakra-ui/react
npm WARN   91 more (@chakra-ui/alert, @chakra-ui/avatar, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react@"^16.8.0" from react-player-controls@2.0.0-beta.1
npm WARN node_modules/react-player-controls
npm WARN   react-player-controls@"git+https://github.com/alexanderwallin/react-player-controls.git" from the root project
npm WARN
npm WARN Conflicting peer dependency: react@16.14.0
npm WARN node_modules/react
npm WARN   peer react@"^16.8.0" from react-player-controls@2.0.0-beta.1
npm WARN   node_modules/react-player-controls
npm WARN     react-player-controls@"git+https://github.com/alexanderwallin/react-player-controls.git" from the root project

added 1 package, and audited 468 packages in 19s

85 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

but then I get this error

./components/LeftSideBar/Player.tsx:8:0
Module not found: Can't resolve 'react-player-controls'
   6 | import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
   7 | import theme from "../../styles/theme";
  8 | import { Slider, Direction } from 'react-player-controls'
   9 | 
  10 | export const Player = () => {
  11 |     const [playing, setPlaying] = useState(false);

Import trace for requested module:
./components/LeftSideBar/LeftSideBar.tsx
./pages/index.tsx

https://nextjs.org/docs/messages/module-not-found