React.createelement and useref()

Hi, im trying to use useRef() with React.create element but not working

const scrollref = useRef()

<div className='flex flex-col gap-4'>
    {settings.p_components.map((block) => {
        if (typeof Components[block.component_name] !== "undefined") {
            if (block.component_name == "pchForm") {
                return React.createElement(Components[block.component_name], {
                    key: block.id,
                    product: product,
                    ref:scrollref 
                });
            } 
        }

        );
    }
    )}
</div>