我確實遇到了一些問題，我創建了一個React 項目，然後為我的組件創建了另一個.jsx，但是當我將其添加到“app.jsx”時，它不起作用，我看到聲明了“header”，但它的值從未被讀取。 ts(6133)' 這是APP.JSX的程式碼

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

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

這裡是程式碼 HEADER.JSX

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