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.