Render Prop example

Auth.tsx

import { useAuth } from '~/hooks';

type AuthProps = {
  children: ({ auth }: { auth: ReturnType<typeof useAuth> }) => JSX.Element;
};

export default function Auth(props: AuthProps) {
  const auth = useAuth();
  return props.children({ auth });
};