When using typescript, you can pass the props type to the forwardRef as the second generic param. To use your example:
export const Services = () => {
const servicesRef = useRef(null);
return (
<div>
<ServicesList ref={servicesRef} />
</div>
);
};
export const ServicesList = forwardRef<HTMLTableSectionElement, PropsWithChildren<{}>>((props, ref) => {
return (
<section className="my-24 md:my-32" ref={ref}>
{props.children}
</section>
);
});