canvas updates

src/hooks/localCourse/quizHooks.ts

@@ -14,6 +14,7 @@ export const useQuizQuery = (moduleName: string, quizName: string) => {
 
 export const useQuizzesQueries = (moduleName: string) => {
   const { courseName } = useCourseContext();
+  // const trpc = usetrpc();
   return trpc.quiz.getAllQuizzes.useSuspenseQuery({
     courseName,
     moduleName,

src/services/serverFunctions/trpcClient.ts

@@ -1,4 +1,7 @@
 import { createTRPCReact } from "@trpc/react-query";
+import { createTRPCContext } from '@trpc/tanstack-react-query';
 import { AppRouter } from "./router/app";
 
 export const trpc = createTRPCReact<AppRouter>();
+
+export const { TRPCProvider, useTRPC, useTRPCClient } = createTRPCContext<AppRouter>();