Solucionado
Eu fiz um pequeno teste mudando algumas coisas diferente do curso e agora to tomando esse erro:
import React from 'react';
function App() {
return (
<div className="App">
<MeuComponente nome="Fulano" />
</div>
);
}
import React from 'react';
function MeuComponente(props) {
const { nome } = props;
return (
<div>
<h1>Olá, {nome}</h1>
</div>
);
}
Oi, tudo bem?
Esse erro tá acontecendo porque você tentou usar o componente MeuComponente sem ter importado ou definido em algum lugar dentro do arquivo App.js.
Para corrigir, você precisa importar o componente MeuComponente no arquivo App.js.
Assim:
import MeuComponente from './MeuComponente';
O código completo vai ficar desse jeito:
import React from 'react';
import MeuComponente from './MeuComponente';
function App() {
return (
<div className="App">
<MeuComponente nome="Fulano" />
</div>
);
}
Depois de fazer essas modificações lembre de salvar o arquivo para que a correção seja aplicada. Qualquer outra dúvida, pode falar.
Um abraço e bons estudos.