Troubleshooting 'Type Instantiation Is Excessively Deep' Error in Next.js Project with TRPC Integrat

I am using the table and pagination for listing data, just as the awesome developer did in 'https://github.com/PoffM/nextjs-issue-tracker.' Everything was working perfectly. I upgraded all packages, including the trpc code, but after the update, I started getting an error. I applied the same code in version 10, but I'm encountering this specific error at the 'PathValue' for the type 'GetProcedure<TRouteKey extends RouteKey>': 'type instantiation is excessively deep and possibly infinite.' //file src/utils/trpc.ts at this line getting error
type GetProcedure = PathValue<
AppRouter["_def"]["procedures"],
TRouteKey
>;
type GetProcedure = PathValue<
AppRouter["_def"]["procedures"],
TRouteKey
>;