Help Please React Error

I am a beginner to programming and recently start learning react

This is the error I am getting

WARNING in [eslint]

src\App.js

Line 1:8: 'header' is defined but never used no-unused-vars

​

This is my Simple code

import React from 'react'

function header() {

return (

<div>header</div>

)

}

export default header

import header from "./components/header";

function App() {

return (

<div>

<header/>

</div>

);

}

export default App;

​

I have tried different ways I found on google to solve the issue but unable to get the issue solved

I have tried to use yarn and npm both are not working i have tried different eslint commands and then getting other errors. I am stuck here for the last three days if anyone could help it will be much appreciated Thanks in advance for helping please get me out of this mess so i can start learning react

​