How to get access to the types generated by the server in the frontend (React)?

import { trpc } from "../utils/trpc";

type Props = {
  onSuccess: (data: any) => void;
};
export function CreateWorker(props: Props) {
  const createWorkerMutation = trpc.createWorker.useMutation();

  const handleCreateWorker = () => {
    createWorkerMutation.mutate(
      { data: "hello" },
      {
        onSuccess: (data) => props.onSuccess(data),
      }
    );
  };
  return <button onClick={handleCreateWorker}>create</button>;
}