I am encountering an error in my code, specifically with the Header and List elements. The error message keeps stating that the JSX element type Header does not have any construct... What could be causing this issue?
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;