T
tRPC

tRPC queries running on the server

tRPC queries running on the server

Aansishihi
View on Discord
10/1/2023
Environment: - bun 1.0.2 - next 13.4.16 - trpc 10.37.1 I am creating an app with next-intl and next-themes. I initially setup trpc, and everything was working, but after a little refactoring (including i18n and dark mode), my tRPC queries suddenly run on the server. I tried back-tracking until I got to the basic tRPC next.js setup. The only clue I had is that I changed ssr to true in my tRPC client, but after setting it back to false and clearing cache, the problem still persists. Since all I have is the basic setup, I don't think looking at my code will do any good. Maybe anyone has had this problem before? EDIT: While trying to force the component to run on the browser, I created this dummy component: 
"use client";

import { trpc } from "@/utils/trpc";
import { useState } from "react";

export const TestApp: React.FC = () => {
  const { data } = trpc.twitch.clips.list.useQuery({ game: "Minecraft" });

  const [dummy, setDummy] = useState("");
  console.log({ dummy });
  console.log("TestApp: should run on the client");
  console.log({ clips: data });

  return <div>Test app</div>;
};
"use client";

import { trpc } from "@/utils/trpc";
import { useState } from "react";

export const TestApp: React.FC = () => {
  const { data } = trpc.twitch.clips.list.useQuery({ game: "Minecraft" });

  const [dummy, setDummy] = useState("");
  console.log({ dummy });
  console.log("TestApp: should run on the client");
  console.log({ clips: data });

  return <div>Test app</div>;
};
But the console output shows up on my backend. How is it even possible that a component with useState runs on the server? Solved. For some reason logs weren't showing up in my browser, but the data was always there. No clue why anything was printing in the server logs.

Looking for more? Join the community!

T
tRPC

tRPC queries running on the server

Join Server
Recommended Posts
Automatically setting input for requests via OpenAPIMy API allows users to authenticate via OpenAPI with an API key. The context either has `ctx.user` (Name recommendations for my api endpoints that use swagger, trpc-panel, trpc-playground.What name do you recommend for each one, in addition to the rest api and the trpc api endpoints. LiIn the context should I put all my dependencies for my endpoint handlers?For example I have the end point 'getStuff` In this endpoint the handler call 3 party apis and map Basic Inference not WorkingI have been struggling to get basic type inferencing to work with trpc, react, and Drizzle ORM. Thi