Olá!
Avancei algumas aulas e comecei a notar que tinha uma vírgula intrusa aparecendo em todas as páginas da AlFood. Isso estava me deixando encucado em que momento eu adicionei essa vírgula e da onde ela estava vindo.
Gastei um tempo nisso e descobri que ela está vindo dos arquivos iniciais do projeto, no repositório da alfood, especificamente do arquivo src/index.tsx
.
Segue o código:
ReactDOM.render(
<React.StrictMode>
<BrowserRouter>
<App />
</BrowserRouter>,
</React.StrictMode>,
document.getElementById('root')
);
Reparem que tem uma vírgula depois da tag de fechamento do </BrowserRouter>
. É essa a vírgula intrusa em todas as páginas que são renderizadas.
Sugiro que o time da Alura atualize o arquivo tanto no repositório quanto no zip disponibilizado nas aulas, removendo essa virgulinha sem vergonha, haha.