How can i add refs dynamically in react without having ts explode

[last mango]

import React, { useRef } from "react";

export default function test() {
const divs = [1, 2, 3];
const refs = useRef<(HTMLDivElement | null)[]>([]);
return (
<>
{divs.map((v, i) => {
<div ref={(el) => (refs.current[i] = el)}>test</div>;
})}
</>
);
}

[delicate cliff]

Yeah it is because an assignment statement returns the value that was assigned
And the ref function shouldn't return anything

<div ref={(el) => {
  refs.current[i] = el
}}>
  test
</div>

[last mango]

dang bro you a realk one g