What would be a good practice for writing types for components that get passed a trpc query?

      const item = await prisma.business.findFirst({
        where: { id: input.id },
        include: {
          business_hours: {
            include: {
              dayOfWeek: true,
            },
          },
          address: true,
          services: true,
          socialMedia: true,
          businessImages: true,
          events: {
            include: {
              attendees: true,
            },
          },
          eventReservations: {
            where: {
              status: 'PENDING',
            },
            select: {
              Service: {
                include: {
                  category: true,
                },
              },
              reservationEndDate: true,
              date: true,
            },
          },
        },
      })

root.tsx


  const profile = trpc.listings.singleListing.useQuery({
    id: parseInt(id, 10),
  })
...
      <Profile profileData={profile.data.items} />
profile.tsx
type Props = {
  profileData: what type?
}