Tengo problemas al intentar configurar un par de rutas en mi aplicación web de reacción, y esperaba que alguien con más conocimientos pudiera ayudarme a comprender mejor lo que está sucediendo.

Entonces, en App.js, estoy creando un BrowserRouter, dentro de él tengo algo de HTML, luego también tengo algunas rutas que deberían mostrar un componente diferente en la pantalla según la URL en la que se encuentre, o si sigue un dentro de esos componentes de clase:

 // imports omitted for simplicity function App() { return ( <BrowserRouter> <NAVBAR /> <div id="window_container"> <div id="display_container"> <Routes> <Route path="/" element={() => VIEW_LIST } /> <Route path="/browse" element={() => BROWSE_ITEMS } /> </Routes> </div> </div> </BrowserRouter> ); } export default App;

Donde me encuentro con problemas es que cada vez que intento acceder a una de esas URL en un navegador, ninguno de mis elementos de ese componente se procesa y aparece un error en la consola que me dice que:

 Warning: Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it.

Donde creo que radica mi problema es en algún lugar de mi clase de componente con la forma en que trato de construir mi componente con datos recuperados de algún punto final.

Aquí hay un ejemplo de cómo se ve una de mis clases de componentes:

 export class VIEW_LIST extends Component { constructor (props) { super(props); this.state = { list_elements:'' } } componentDidMount() { getList() .then(res => res.json()) .then(data => { console.log(data); this.setState({list_elements: data}); return( <div> I got the data </div> ) }) .catch(err => { console.log(err); }) } render () { if(this.state.list_elements != null) { return ( <div id="merchant_wrapper"> </div> ) } else { return ( <div id="merchant_loading"> Loading... </div> ) } } }

¿Alguien tiene alguna idea de lo que podría estar pasando aquí?

NO ESO NO RESPONDE MI PREGUNTA DEJEN DE HACER ESO A TODAS MIS PREGUNTAS