Generic type that extracts component props

type ViewProps<T extends JSXElementConstructor<unknown>> = React.ComponentProps<T>
type EmailProps<T extends JSXElementConstructor<any>> = {
  to: string
  subject: string
  props: ViewProps<T>
}

export const emailer = {
  send: {
    InviteReader: async (props: EmailProps<typeof InviteReader>) => {
      await resend?.emails.send({
        to: props.to,
        from: "submissions@biblish.com",
        subject: props.subject,
        html: await render(InviteReader({...props.props}))
      })
    }
  }
}

type ViewProps<T extends JSXElementConstructor<unknown>> = React.ComponentProps<T>
type EmailProps<T extends JSXElementConstructor<any>> = {
  to: string
  subject: string
  props: ViewProps<T>
}

export const emailer = {
  send: {
    InviteReader: async (props: EmailProps<typeof InviteReader>) => {
      await resend?.emails.send({
        to: props.to,
        from: "submissions@biblish.com",
        subject: props.subject,
        html: await render(InviteReader({...props.props}))
      })
    }
  }
}