Cannot read properties of undefined (reading 'trpc')

I keep getting that when trying to make an api request with my next.js page. I am using the latest Next.js version with app router enabled.