Intento captar el tamaño de la imagen y controlarlo. Por ejemplo, obtuve un tamaño de imagen de 80 * 100 y tengo que aumentarlo y establecer este tamaño en el envoltorio de la imagen.

Uso layoutEffect y useState pero después de renderizar el estado no escribe en tamaño real. En currentRef tiene tamaños pero en estado, no. ingrese la descripción de la imagen aquí

¿Cómo verificar y controlar correctamente el tamaño?

 const targetRef = useRef<HTMLImageElement | null>(null); const [dimensions, setDimensions] = useState<{ width: number; height: number; }>({ width: 0, height: 0 }); useLayoutEffect(() => { if (targetRef.current) { setDimensions({ width: targetRef.current.offsetWidth, height: targetRef.current.offsetHeight, }); } }, []);