Unable to retrieve application context. Did you forget to wrap your App inside `withTRPC` HoC?

Hi, noob here. I found reference to this in a thread but it was regarding testing. I'm switching a component to "use client". The error is after getAll. Thanks

Feature.tsx:
"use client";

import { api } from "~/trpc/react";
import { useFilterStore } from "../_store/filterStore";

export const Feature = () => {
const ageRange = api.ageRange.getAll.useQuery();
const surface = api.surface.getAll.useQuery();

full code https://github.com/mhenke/omaha-playground-collective/blob/vercel/src/app/_components/Feature.tsx
image.png
image.png
GitHub
omaha playground collective. Contribute to mhenke/omaha-playground-collective development by creating an account on GitHub.
omaha-playground-collective/src/app/_components/Feature.tsx at verc...
Was this page helpful?