Intellisense cannot find exported elements in closed modules (ES6)

I have .jsx files where I export my react components, when I want to import it from other files, the Intellisense cannot locate it to import it automatically, but when I have the file open there it does locate it for import.

Wrapper.jsx

export default function Wrapper({ children, classes }) {
    return (
        <div className={clsx('wrapper', classes || false)}>
            {children}
        </div>
    )
}

Header.jsx

export default function Header() {
        return (
            <header>
                //Here I would import Wrapper
            </header>
        )
    }

Wrapper file closed
enter image description here

enter image description here

Wrapper file open
enter image description here

enter image description here

Any configuration that I have to do? It is annoying to open the files to just import them automatically with Intellisense