React not importing component properly

I have this simple React code but is not importing properly, I don’t know why.

import teste from './components/teste';
import './App.css';


function App() {
  return (
    <Container>
        <teste/>
    </Container>
  );
}

const Container = styled.div`
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
    background: blue;
`

export default App;

also have the teste component

import React from 'react'

export default function teste() {
  return (
    <div>teste</div>
  )
}

This is the folder structure
enter image description here
could someone help me?