Problems with creating components using react

Question

I did have some issues, I created a React project and then another .jsx for my component, but when I added it to "app.jsx" it didn't work, I saw 'header' is declared, but its value is never read. ts(6133)' This is the code for APP.JSX

import './App.css'
import header from './header.jsx';
function App() {

  return (
    <div className="App">
      <header/>
    </div>
  )
}
export default App

Here is the code HEADER.JSX

function header() {
    return (  
<div className='header'>
</div>
    );
}
export default header;```
ı just want to connect app.jsx and header.jsx

Answer 1

Rename component header to Header, just like in React, components start with a capital letter. https://pusher .com/blog/troubleshoot-react-errors/#not-starting-component-names-with-a-capital-letter