Tengo un error al momento de crear mis rutas en react, cuando las mando llamar con "element" me dice que las importaciones no se están usando y por lo tanto me salen advertencias
WARNING in src\Router.js Line 3:8: 'animationStandby' is defined but never used no-unused-vars Line 4:8: 'formsPayment' is defined but never used no-unused-vars Line 5:8: 'referencePayment' is defined but never used no-unused-vars
Este es mi codigo:
import React, { Component } from 'react'
import {BrowserRouter as Router, Route, Routes} from 'react-router-dom';
import animationStandby from './app/components/animationStandby';
import formsPayment from './app/components/formsPayment';
import referencePayment from './app/components/referencePayment';
export default class App extends Component {
render() {
return (
<Router>
<Routes>
<Route path="/animationStandby" element={<animationStandby/>}/>
<Route path="/formsPayment" element={<formsPayment/>}/>
<Route path="/referencePayment" element={<referencePayment/>}/>
</Routes>
</Router>
)
}
}