Theo's Typesafe Cult

TTC

Theo's Typesafe Cult

Join the community to ask questions about Theo's Typesafe Cult and get answers from other members.

Join
gabboman92
gabboman92
View on Discord
7/23/2024

I got a express + sequelize app that suddenly stops responding

The only way I have is to restart the app. I have tried this but no stacktrace is generated https://blog.apify.com/how-to-debug-an-infinite-loop-in-node-js-production-code/ What options do I have to figure out whats going on?...
Solution:
tracing, with axiom or grafana
TEJAS
TEJAS
View on Discord
7/23/2024

FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory

Has anyone converted a React TSX project to JSX? I am trying to do so and am wondering how. The reason why I am doing this is because encountered an error while building, ``` FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory...
Perfect
Perfect
View on Discord
7/23/2024

Difference between SSR with streaming and new PPR

So today in react (often achieved through nextjs) we can use SSR to stream components onto the page and show a fallback while data is being fetched. I’m referring to the main concept in this explanation by Dan. (https://github.com/reactwg/react-18/discussions/37) Server components are not even a part of this discussion - react can render a page on the server and use suspense to stream in pieces that may take longer. The alternative to this is just waiting for all of the page to be rendered after data is fetched which could result in a delay. Now in NextJS, we have the idea of static and dynamic rendering. Static rendering happens at build time (or incrementally), and renders HTML that is served instantly from a CDN. No rendering is required at request time if a page is static. Dynamic rendering happens if any part of a page opts into dynamic behavior. So the page gets rendered every time a request comes in, and the user could be left waiting a while. If we go back to suspense, this helps set boundaries that can stream in when they are ready. Static parts of the dynamic page will still need to be rendered, right?...
hezz
hezz
View on Discord
7/23/2024

React Native Search bar options

I'm trying to add a search Bar into my react native app, the only one that looks native is the one from React Native Elements but it looks bad, whats the go to option? or do i just make one I don't want to use the one from React Navigation because it removes the header when focused ...
No description
GUD
GUD
View on Discord
7/23/2024

Override error in React tutorial on the add userId to the database step

Before adding the userId to the schema the line 
await db.insert(images).values({
await db.insert(images).values({
presents no problems. Once I add userId to the schema it presents the expected error. Once I push the new schema to the db this error presents: ```No overload matches this call. Overload 1 of 2, '(value: { name: string | SQL<unknown> | Placeholder<string, any>; url: string | SQL<unknown> | Placeholder<string, any>; userId: string | SQL<unknown> | Placeholder<string, any>; id?: number | ... 2 more ... | undefined; createdAt?: SQL<...> | ... 2 more ... | undefined; updatedAt?: SQL<...> | ... 3 more ... | undefined; }): PgInsertBase<...>', gave the following error....
Solution:
Coercing it with the following removes the problem and in theory should be fine because auth() is called in the middleware and the userId should only be empty if they fail auth correct? 
userId: `${metadata.userId}`,
userId: `${metadata.userId}`,
...
Adam Majcher
Adam Majcher
View on Discord
7/22/2024

How Zapier and Make.com build their frontend and backend?

No description
Kwstas Lamp
Kwstas Lamp
View on Discord
7/22/2024

Getting url on uploadComplete and choosing file name on upload.

How do I get the file url either on the server or client and how do I choose the name of the file when uploading (e.x. add and id to the end). Thanks...
mu6m
mu6m
View on Discord
7/22/2024

best way to create a scale-able task system in the backend

anyone worked on a big backend project i wanted to ask i have a webapp that the user can start tasks and wait until the tasks are done the tasks might fail if they did they should try to continue from where they left the app is made using nextjs and i am not sure how to structure the backend i am using postgres as a db the tasks running in the background are just some prompts from ChatGPT...
Bartholomeas
Bartholomeas
View on Discord
7/22/2024

Deploying Expressjs to Vercel.

Hi! I already have app with turborepo (its monorepo) and i want to deploy it on the Vercel. They problem is that i can deploy my frontend (in vue) when i point directly to the apps/frontend directory, but i cannot do the same with my apps/backend, its always 404 not found and idk how to handle that.. (Also as its API i've tried to check this url with postman but it responded with same results 'not found'...) Thats my repo: https://github.com/Bartholomeas/work-scraper I have vercel.json in apps/backend which is redirecting everything to /api (because i found that vercel needs to have everything on /api route) like here:...
No description
GamerZero
GamerZero
View on Discord
7/22/2024

Controller is already closed error

My production logs are filled with this error ``` TypeError [ERR_INVALID_STATE]: Invalid state: Controller is already closed at ReadableStreamDefaultController.enqueue (node:internal/webstreams/readablestream:1074:13) at /app/.next/server/app/api/trpc/[trpc]/route.js:5:31811...
Crim
Crim
View on Discord
7/22/2024

Best way to create a polling system?

Hey, I am working on a voting system for a big streamer so that they can poll operators from their chat. I am currently using upstash redis and want to do realtime fetching but can't figure it out. Is this the best way to create a system like this? Should I use an additional backend like fastify? Currently I am storing the results from the chat into a hashed table. Right now im just hetting the data and parsing it and typing it.
No description
Marchewcia
Marchewcia
View on Discord
7/21/2024

Theo's browser

Hi, I saw in one of Theo videos that he have option in browser that allow him to have 2 tabs opened at once in one window, how I can do similar thing in firefox? (sorry if that's stupid question)
Solution:
https://arc.net/
TrawMuh
TrawMuh
View on Discord
7/21/2024

Trouble Setting Up Environment From Scratch

Hey everyone, Im new to T3 stack and wondering what I may be missing to have everything setup on my end correctly. When I run through creating a new T3 app from scratch, Im running into some errors that makes it seem there are some pieces that arent connected properly. For more context, heres a loom video that shows what Im running into:...
kabir3266
kabir3266
View on Discord
7/21/2024

SVG brand logo website

Hey does anyone know the website that theo uses to get all brand logo svgs? Thanks
Jokerz
Jokerz
View on Discord
7/21/2024

anyone running into failed to connect to daemon? i cant run pnpm dev

```21/07/24 10:57:18] ➜ sol-eats git:(main) ✗ pnpm dev
create-t3-turbo@ dev /Users/daniel/Documents/Repos/sol-eats turbo watch dev
...
Manupa Samarawickrama
Manupa Samarawickrama
View on Discord
7/21/2024

Help with multiple prisma clients in a turbo monorepo

With the original Prisma setup in my production turborepo with 2 nextjs projects I, ran into an issue where after postinstall prisma generate overwrote each other iniside the node_modules . Therefore I found my exact issue here https://github.com/vercel/turbo/discussions/3493. and applied the fix that was mentioned here https://github.com/vercel/turbo/discussions/3493#discussioncomment-7090955. Now my project seems to build fine locally and it also build fine successfully on vercel. But when i to a page that has a db fetch it fails with th e following error. 
 Unhandled Rejection: PrismaClientInitializationError: Prisma Client could not locate the Query Engine for runtime "rhel-openssl-3.0.x". We detected that you are using Next.js, learn how to fix this: https://pris.ly/d/engine-not-found-nextjs. This is likely caused by a bundler that has not copied "libquery_engine-rhel-openssl-3.0.x.so.node" next to the resulting bundle. Ensure that "libquery_engine-rhel-openssl-3.0.x.so.node" has been copied next to the bundle or in "node_modules/.prisma/client". We would appreciate if you could take the time to share some information with us. Please help us by answering a few questions: https://pris.ly/engine-not-found-bundler-investigation The following locations have been searched: /var/task/apps/web/node_modules/.prisma/client /var/task/apps/web/.next/server /vercel/path0/apps/web/node_modules/.prisma/client /var/task/apps/web/.prisma/client /tmp/prisma-engines at wa (/var/task/apps/web/.next/server/chunks/5042.js:64:756) at async Object.loadLibrary (/var/task/apps/web/.next/server/chunks/5042.js:111:10016) at async wt.loadEngine (/var/task/apps/web/.next/server/chunks/5042.js:112:448) at async wt.instantiateLibrary (/var/task/apps/web/.next/server/chunks/5042.js:111:12736) { clientVersion: '5.15.1', errorCode: undefined } Node.js process exited with exit status: 128. The logs above can help with debugging the issue. 
 Unhandled Rejection: PrismaClientInitializationError: Prisma Client could not locate the Query Engine for runtime "rhel-openssl-3.0.x". We detected that you are using Next.js, learn how to fix this: https://pris.ly/d/engine-not-found-nextjs. This is likely caused by a bundler that has not copied "libquery_engine-rhel-openssl-3.0.x.so.node" next to the resulting bundle. Ensure that "libquery_engine-rhel-openssl-3.0.x.so.node" has been copied next to the bundle or in "node_modules/.prisma/client". We would appreciate if you could take the time to share some information with us. Please help us by answering a few questions: https://pris.ly/engine-not-found-bundler-investigation The following locations have been searched: /var/task/apps/web/node_modules/.prisma/client /var/task/apps/web/.next/server /vercel/path0/apps/web/node_modules/.prisma/client /var/task/apps/web/.prisma/client /tmp/prisma-engines at wa (/var/task/apps/web/.next/server/chunks/5042.js:64:756) at async Object.loadLibrary (/var/task/apps/web/.next/server/chunks/5042.js:111:10016) at async wt.loadEngine (/var/task/apps/web/.next/server/chunks/5042.js:112:448) at async wt.instantiateLibrary (/var/task/apps/web/.next/server/chunks/5042.js:111:12736) { clientVersion: '5.15.1', errorCode: undefined } Node.js process exited with exit status: 128. The logs above can help with debugging the issue.
...
若帆 Leo
若帆 Leo
View on Discord
7/21/2024

What's a good way to persist a single query for React Query

React query provides a persisted query client for persisting query results, but it seems to be for the whole app. What's a good way to persist a query result for a single query? (Using Nextjs + TRPC)
joshborseth
joshborseth
View on Discord
7/21/2024

Shadcn and UploadThing component

```ts "use client"; import { UploadButton } from "@/lib/uploadthing"; import { toast } from "sonner"; ...
Edgar24
Edgar24
View on Discord
7/21/2024

Cloud Image Storage

Hi, I was wondering if it is posible that when someone uploads an image it is stored in a google drive folder and in the database it keeps the url to that image?
No description
SharpieMaster
SharpieMaster
View on Discord
7/20/2024

RRule datetime generation randomly wrong

I am making a project using google calendar. I am using the rrule library to generate dates for event times. ```ts import { z } from "zod"; import { calendar_v3, google } from "googleapis"; import { DateTime } from "luxon";...
Solution:
its dts
PreviousNext