how to handle tRPC errors with mutationAsync on my react frontend?

    createUser:
        t.procedure
            .input(
                z.object({
                    username: z.string(),
                    password: z.string()
                })
            )
            .mutation(async (opts) => {
                const { input } = opts
                const user = await prisma.user.create({ data: input })
                return user
            }),

        } catch (error: any) {
            console.log("<> <> <> ERROR CAUGHT <> <> <> : ", typeof error, Array.isArray(error))
            console.log(error)
            setCreateFormInfo("error caught: " + error.message)
        }