react アロー関数ではない普通の関数もメモ化したい

Question

reactコンポーネントの最適化のためにReact.memoを利用して再レンダリングを抑制したいのですが、コンポーネントが以下のようにfunctionキーワードで定義された関数コンポーネントの場合もメモ化することは出来るのでしょうか？（調べた限りだとアロー関数(FC型)の例しかなくて、、）
※ なぜReact.FCを使えないかというと、コンポーネントに渡すpropsの型を一部ジェネリクス型にしているためです。

// Child
interface OwnProps<T> {
  isVisible: boolean;
  data: T[];
  onClick: () => void;
}


export function Child<T>(props: OwnProps<T>) { // ?? react.memo ??
  return (
    <>
      <button onClick={props.onClick}> 
        {isVisible && props.data};
      </button>
    </>
  );
};

// Parent
export default function App() {

  const [isVisble, setIsVisible] = useState(false);
  const data = ["hoge", "fuga", "piyo"];
  const handleClick = useCallback(() => {
      setIsVisible((prev) => !prev);
    },[isVisible]
);
  
  return (
    <> 
      <Child data={data} onClick={handleClick} isVisible={isVisible}/>
    </>
  );
};

Answer 1

function Child<T>(props: OwnProps<T>) {
  return (
    <>
      <button onClick={props.onClick}> 
        {isVisible && props.data};
      </button>
    </>
  );
};

export MemoChild = React.memo(Child) as typeof Child;

...
..
   <MemoChild data={data} onClick={handleClick} isVisible={isVisible}/>

Answer 2

アロー関数でなくても、特に問題はありません。