Unsafe assignment of an error typed value

import { z } from 'zod'

import { createRouter, publicProcedure } from '../trpc'

export const helloRouter = createRouter({
//protect works great
  protected: publicProcedure
    .input(
      z.object({
        input: z.string(),
      }),
    )
    .query((ctx) => {
      return {
        message: `Hello, world from tRPC! ${ctx.input.input}`,
      }
    }),
//Any other will throw the printscreen waring in the client 
  greeting: publicProcedure.query(() => 'hello tRPC v10!'),
})

export const createTRPCContext = async (opts: { headers: Headers }) => {
  const { session, user } = await auth()

  return {
    db,
    session,
    user,
    ...opts,
  }
}

const t = initTRPC.context<typeof createTRPCContext>().create({
  transformer: superjson,
  errorFormatter({ shape, error }) {
    return {
      ...shape,
      data: {
        ...shape.data,
        zodError:
          error.cause instanceof ZodError ? error.cause.flatten() : null,
      },
    }
  },
})
export const createCallerFactory = t.createCallerFactory

export const createRouter = t.router

export const publicProcedure = t.procedure

export const protectedProcedure = t.procedure.use(({ ctx, next }) => {
  if (!ctx.session || !ctx.user) {
    throw new TRPCError({ code: 'UNAUTHORIZED' })
  }

  return next({
    ctx: {
      session: { ...ctx.session },
      user: { ...ctx.user },
    },
  })
})