Passar useRef para componentes filhos em React não gera erro, mas é a prática correta?

Muita gente ainda usa o useRef como prop direta para componentes filhos, mesmo sem a recomendação oficial. No Stack Overflow, um iniciante questiona por que isso não dá erro, mesmo parecendo funcionar. A questão é: usar useRef assim é seguro? Ou estamos caminhando na direção errada, mesmo sem impacto imediato?

Na prática, passar referências diretamente pode parecer cômodo, mas traz riscos de manutenção e impacto na performance. React não lança erro porque useRef é um objeto mutável, e passar esse objeto como prop não viola nenhuma regra do React. Porém, essa prática pode dificultar a rastreabilidade de mudanças e aumentar a complexidade de debug. A decisão fica mais saudável quando o time consegue medir o impacto depois.

Se a ideia é manipular elementos DOM ou componentes controlados, o ideal é usar callbacks ou gerenciar o estado para evitar dependências de referências mutáveis. Além disso, ao encapsular referências, você mantém melhor o controle sobre o ciclo de vida desses elementos.

Quando pensar em manutenção de código e na escalabilidade da sua aplicação, vale a pena refletir: essa abordagem te ajuda a entender o fluxo? Ou só está mascarando uma implementação que deveria ser mais clara? Para quem trabalha com componentes complexos, essa diferença faz muita diferença na hora de evoluir o sistema. O valor aparece melhor quando operação, produto e engenharia olham para o mesmo risco. Por isso, o recorte precisa considerar manutenção, validação e caminho de volta.