Creating JSX files giving me an error while trying to import React

I usually create js files so this is my first time creating jsx files. Is there some lint settings I need to change to prevent it from giving me errors?

I only have this written in the Header component:

```import React from "react";

const Header = () => {
    return (
        <h1>Header</h1>
    )
}

export default Header;