Cannot import component in ReactJS with TypeScript

Question

it says 'header' is declared but its value is never read.

import header from "./components/header.tsx";

function App() {
  return (
      <header />
  );
}

export default App;

tried changing path nothing happens

Answer 1

React requires that the first letter of components be capitalized.

Take a look at the example below.

export function Header() {
      return (
            <>
              Header
            </>
      )
}

import { Header } from "./components/header.tsx";

function App() {
  return (
      <Header/>
  );
}

export default App;