Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Dúvida] Espaço em branco na tag Route

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Olá, gostaria de entender por que esse erro aconteceu.

Ao deixar um espeço em branco entre a tag Route com o caminho index holve um erro de compilação do site. A MENSAGEM DE ERRO >>> (An index route cannot have child routes.)

Não entendi o motivo, o react entendeu que esse espaço em branco era algum parametro?

2 respostas
solução!

No React Router v6, quando você usa o componente com a propriedade index, ele é interpretado como a rota raiz. No entanto, a rota raiz não pode ter rotas filhas aninhadas diretamente nela. E nesse caso o espaço significa que você está tentando definir rotas filhas para a rota raiz.

No React quando você está usando uma tag que não possui conteúdo interno você pode optar por usar uma forma "auto fechada" que é semelhante a uma tag HTML auto fechada. Por exemplo:

<Route index element={<Inicio />} />

Aaaaaaah entendi, muito obrigado pela ajuda!