Venryx

import {forwardRef, useImperativeHandle, ForwardRefExoticComponent, RefAttributes, Ref} from "react";

export type Handle<T> = T extends ForwardRefExoticComponent<RefAttributes<infer T2>> ? T2 : never;

export const Parent = (props: {})=> {
  let childHandle: Handle<typeof Child>;
  return (
    <div onClick={()=>childHandle.SayHi()}>
      <Child name="Bob" ref={c=>childHandle = c}/>
    </div>