Cheatsheet React composition TS

index.tsx

import React from "react"

const Modal = ({ children }: { children: React.ReactNode }) => {
  return React.Children.map(children, (child) => {
    if (!React.isValidElement(child)) {
      return null;
    }
    React.cloneElement(child);
  });
};

const Cancel = ({ children }: { children: React.ReactNode }) => children;
const Close = ({ children }: { children: React.ReactNode }) => children;

Modal.Close = Close;
Modal.Cancel = Cancel;