useMutation()

import { trpc } from '../utils/trpc';
export function MyComponent() {
  // Note! This is not a tuple ['login', ...] but a string 'login'
  const mutation = trpc.useMutation('login');
    const name = 'John Doe';
    mutation.mutate({ name });
  };
      <h1>Login Form</h1>
      <button onClick={handleLogin} disabled={mutation.isLoading}>Login</button>
      {mutation.error && <p>Something went wrong! {mutation.error.message}</p>}
    </div>