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: [email protected]
npm WARN Found: [email protected]
npm WARN node_modules/react
npm WARN   peer react@">=18" from @chakra-ui/[email protected]
npm WARN   node_modules/@chakra-ui/accordion
npm WARN     @chakra-ui/accordion@"2.1.1" from @chakra-ui/[email protected]
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 [email protected]
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: [email protected]
npm WARN node_modules/react
npm WARN   peer react@"^16.8.0" from [email protected]
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