Custom Show React component

Show.tsx

export type Props = {
  children: React.ReactNode;
};

function Show({
  when,
  children,
}: Props & {
  when?: boolean | null;
}): JSX.Element | null {
  // eslint-disable-next-line react/jsx-no-useless-fragment
  if (when) return <>{children}</>;
  return null;
}

export default Show;