Cómo evitar adjuntar atributos de identificación a todos los elementos, en cambio, quiero mantener las identificaciones dentro de las referencias.

tengo una lista de referencias

 const questionsRef = useRef<Array<HTMLDivElement | null>>([]);

Repaso las preguntas y las adjunto en cada ID de pregunta, que luego usaré para desplazarme a esa pregunta.

¿Hay alguna manera de evitar adjuntar ID al elemento? ¿Adjuntarlo en referencia o guardar referencias por ID de elemento, algo así?

 <div id={elementId} ref={el => { questionsRef.current[rflxIdx] = el; }} >

Porque más tarde me desplazo a esa pregunta si no se responde

 export const focusNextQuestion = ( questionsRef: React.MutableRefObject<(HTMLDivElement | null)[]>, nextQuestion: Readonly<Question | null>, ) => { if (questionsRef.current) { const elementId = nextQuestion?.data?.base?.group?.name || nextQuestion?.data?.base?.key; const focusElement = questionsRef.current.find(el => el?.id === elementId); if (focusElement) { focusElement.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'nearest', }); focusElement?.classList.add('focus-unanswered-question'); Promise.all( focusElement.getAnimations().map(animation => animation.finished), ).then(() => focusElement?.classList.remove('focus-unanswered-question')); } } };