6 replies

how to pass trpc typescript between parent and children ?

I have data types when using useQuery but I want to also include these types inside the component that I am using here is an example

const { data , isLoading, refetch } = api.users.submission.useQuery(undefined, { refetchOnWindowFocus: false });

const { data , isLoading, refetch } = api.users.submission.useQuery(undefined, { refetchOnWindowFocus: false });

<Submissions refetch={refetch} data={data} />

<Submissions refetch={refetch} data={data} />

export default function Submission({refetch,data}) {}

export default function Submission({refetch,data}) {}

I want when I use data into Submission component I can see the data types that comes from useQuery, how can I achieve that ?

6 replies

I have data types when using useQuery but I want to also include these types inside the component that I am using here is an example

const { data , isLoading, refetch } = api.users.submission.useQuery(undefined, { refetchOnWindowFocus: false });

const { data , isLoading, refetch } = api.users.submission.useQuery(undefined, { refetchOnWindowFocus: false });

<Submissions refetch={refetch} data={data} />

<Submissions refetch={refetch} data={data} />

export default function Submission({refetch,data}) {}

export default function Submission({refetch,data}) {}

I want when I use data into Submission component I can see the data types that comes from useQuery, how can I achieve that ?