Pass trpc mutation ( only first part, like trpc.users.delete) as component props

Original message was deleted

julius•10/21/22, 8:41 PM

You can type a procedure using a generic:

const Button<TProcedure extends AnyMutationProcedure>: React.FC<{
  mutation: DecorateProcedure<TProcedure, "">;
  onSuccess: () => void;
  onError: () => void;
}> = ({ mutation, onSuccess, onError }) => {
  // ...
};

const Button<TProcedure extends AnyMutationProcedure>: React.FC<{
  mutation: DecorateProcedure<TProcedure, "">;
  onSuccess: () => void;
  onError: () => void;
}> = ({ mutation, onSuccess, onError }) => {
  // ...
};