Escribí este código y el error se muestra en Encabezado y Lista. Sigue diciendo que el tipo de elemento JSX Encabezado no tiene ninguna construcción ....?
import React, { useEffect, useState } from 'react'; import logo from './logo.svg'; import './App.css'; import axios from 'axios'; import { Header, List } from 'semantic-ui-react'; function App() { const [admin, setAdmin] = useState([]); useEffect(() => { axios.get('http://localhost:5000/api/admin').then(response => { console.log(response); setAdmin(response.data); }) }, []) return ( <div> <Header as='h2' icon='users' content='Reactivities'/> <List> {admin.map((AppUser: any) => ( <List.Item key={AppUser.id}> {AppUser.city} </List.Item> ))} </List> </div> ); } export default App;Estuve luchando con el mismo error durante bastante tiempo. Finalmente, la razón para mí fue una incompatibilidad de versiones. Se arregló con esta combinación:
"react": "^17.0.2", "react-dom": "^17.0.2", "semantic-ui-react": "^2.1.2" "@types/react": "^17.0.3", "@types/react-dom": "~17.0.3"