[Duvida] Erros após implementar o CSS.

Consegui encontrar a solução do meu problema!

Após revisar de novo o código do meu index.tsx do Formulario, verifiquei que o styled components estava dentro do export const Formulario, sendo que o certo era pra estar fora dele, só reparei isso quando eu retirei ele e substitui pela div e comparei com o código do header, aí com as alterações o npm test agora está tudo funcionando!

index.tsx do Formulario antes:

import { useRef, useState } from "react"
import { useAddParticipante } from "../../state/hooks/useAddParticipante";
import { useMsgErro } from "../../state/hooks/useMsgErro";
import styled from "styled-components";


export const Formulario = () => {

  const [nome, setNome] = useState('');

  const addParaLista = useAddParticipante();

  const msgErro = useMsgErro();

  const inputRef = useRef<HTMLInputElement>(null);

  const ContainerForm = styled.div`
    // código omitido
  }
  `
  
  const addParticipante = (evento: React.FormEvent<HTMLFormElement>) => {
    evento.preventDefault()
    addParaLista(nome)
    setNome('')
    inputRef.current?.focus()
  }

  return (
    // codigo omitido
  )
}

index.tsx do Formulario depois:

import { useRef, useState } from "react"
import { useAddParticipante } from "../../state/hooks/useAddParticipante";
import { useMsgErro } from "../../state/hooks/useMsgErro";
import styled from "styled-components";

const ContainerForm = styled.div`
// código omitido
}
`

export const Formulario = () => {

  const [nome, setNome] = useState('');

  const addParaLista = useAddParticipante();

  const msgErro = useMsgErro();

  const inputRef = useRef<HTMLInputElement>(null);

  const addParticipante = (evento: React.FormEvent<HTMLFormElement>) => {
    evento.preventDefault()
    addParaLista(nome)
    setNome('')
    inputRef.current?.focus()
  }

  return (
    //codigo omitido
  )
}

Infelizmente foi por uma falta de atenção, mas felizmente consegui reparar esse detalhe e agora posso prosseguir com o curso!

E lembrando sempre, qualquer sugestão de melhora é sempre bem-vindo!

Olá, Nicholas.

Tudo bem?

Que bom que conseguiu resolver! Meus parabéns! E muito obrigado por voltar aqui com a solução, e explicar detalhadamente o que você fez. Isso ajuda muito! Top.

Qualquer dúvida manda aqui. Bons estudos.