Cuando intento usar CountdownCircleTimer desde react-countdown-circle-timer , obtengo los siguientes errores en mi navegador:

Solo tengo el siguiente código, absolutamente nada más, ningún otro componente en mi proyecto React:

 import './App.css'; import { CountdownCircleTimer } from "react-countdown-circle-timer"; function App() { return ( <div className="App"> <Timer/> <CountdownCircleTimer isPlaying duration={10} colors={[ ["#004777", 0.33], ["#F7B801", 0.33], ["#A30000", 0.33], ]} /> </div> ); } export default App;

Así es como se ve mi package.json :

 "dependencies": { "react": "^17.0.2", "react-countdown-circle-timer": "^2.5.4", "react-dom": "^17.0.2" }

Aquí está mi archivo index.js :

 import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; ReactDOM.render( <React.StrictMode> <App /> </React.StrictMode>, document.getElementById('root') );

No entiendo por qué sucede esto. ¿Que puedo hacer para arreglarlo? Este es un proyecto React completamente nuevo y quería probar este componente dentro App.js antes de seguir adelante.

Gracias.