TTC

Theo's Typesafe Cult

Join the Theo's Typesafe Cult server to ask questions!

Join

TTC

Theo's Typesafe Cult

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

Join

taco.cat.

12/2/2022

getting this error in nextAuth

even after providing the clientId and secrets. what's going on here?

natef

12/2/2022

Examples of projects with custom and well designed Tailwind theme?

I am looking for some good examples to learn how to structure a design system on my T3 app with Tailwind. A designer has built a full design system (in Figma) that I need to translate into my NextJS app, and I was wondering if anyone has examples of repos that I can follow along with. I specifically want to have Tailwind Intellisense autocomplete a lot of the custom classes and variants I will be styling my components with. Maybe some larger companies are using Tailwind in there open source apps? I'm looking for more than just a boilerplate set up. Some app that has a fully built, custom UI is ideal. Any help would be appreciated. Thanks!...

julius

12/2/2022

Radix UI Select as Form Input

Can i?

grandpaK420

12/2/2022

Framer Motion useInView()

const introContainerRef = useRef<HTMLDivElement>(null);

const introContainerRef = useRef<HTMLDivElement>(null);

```const introContainerInView = useInView(introContainerRef, { margin: "100px 0px 0px 0px", });...

Enyel

12/2/2022

Properly type `App` in Next

Hey All, I am having a problem typing the App page correctly, I am using react-query and the appWithTranslation the issue I am having is properly typing the sessionKey and dehydatedState I have tried these, any idea on how to properly type, without doing @ts-ignore

12/2/2022

Stack choice

Hello, I am currently using Next.js, React, Typescript and Axios for my frontend stack and Nest.js, Typescript, Swagger (OpenAPI) and Prisma for backend stack. This way, I can generate the types based on the manual made classes (DTO etc.) that Swagger recognises. However, it is a bit of a mess to generate the types....

oldben

12/2/2022

Hot reloading in Remix

Has anyone come across a good guide for adding hot reloading to a remix site? (Must be idiot proof)

NotLuksus

12/2/2022

Smooth Scrolling in Next

Hey, does anyone know a good way or a good library to implement smooth scrolling in React/Next. Talking about the scrolling that if you stop scrolling it continues a bit further down and doesnt stop directly...

plyglt

12/2/2022

Tell Zod to allow any fields in JSON (while in Development)?

I have a very large JS object I want to pass to trpc, through zod. Right now I just want to play around with the object a bit, before creating my zod schema. Is there a way to allow anything to be passed into zod (at least just in dev mode)? Or to just disable zod for the time being?...

plyglt

12/2/2022

How to configure T3 Stacks next.config + 'next-transpile-modules' (withTM) ?

I need to use next-transpile-modules in my t3 stack app, but not sure how to integrate it into my next.config file: The general recommendation is like this: ``` const withTM = require('next-transpile-modules')(['react-hook-mousetrap']);...

Gabriel

12/2/2022

Why would I use api route if trpc api route exists?

Should I always use the trpc api route? Is the normal Next Auth api just supposed to exist for other third parties to use?

8v.

12/2/2022

useQuery with useState

hey all!, my question is how to optimize the useQuery search because now whenever the input changes the state changes and the useQuery refires but that too much load on the server in my opinion. what is the best approach to this kind of situation ?

amanuel

12/2/2022

Decimal in Prisma

Has anyone dealt with Decimal in Prisma? I am having issues with it when I retrieve results and try to display it in a react component.

denissant

12/2/2022

How to add routing to a Vite VanillaJS app?

Is there a way to have native (i.e. without js) routing in a VanillaJS Vite app? I just want to have an index.html which contains <a href=/about> that links to about.html. I could do it with JS but I really want to keep native routing....

bıɡsʈoıcʈıɡəɾ

12/2/2022

Type 'ZodObject{ id ZodNumber; first_name ... missing but required in _procedure

So im trying to pass the logic I had on my Nest + Prisma + GraphQL to the ct3 stack and im a beginner with trpc which makes it even more exciting! The objective of my web application is to have a system where users can manage their workout and meal plans and, in case they dont have no idea of what they are doing, give them plan suggestions based on their weight, daily activity, etc. I installed the package zod-prisma so i dont have to write everything by hand. So based on my Prisma model i have ```ts...

amanuel

12/2/2022

How to implement cursor-based infinite scrolling with prisma + useInfinitequery

How to implement cursor based infinite scrolling in this scenario? Imagine I have this schema: ```typescript model MockUser {...

shikishikichangchang

12/2/2022

useMutation invalidation fails

```const { mutate: updateUserData } = trpc.userInfo.updateUserInfo.useMutation({ async onMutate(newUserData) { // Cancel any outgoing refetches (so they don't overwrite our optimistic update) utils.userInfo.getCurrentUser.cancel(); const previousUserData = utils.userInfo.getCurrentUser.getData();...

shikishikichangchang

12/2/2022

trpc.user.getUser.useQuery

Does anyone know how to call onSuccess using the above wrapper of useQuery?

zenith

12/2/2022

Conditional rendering on TS type

Hey everyone, I have a timeline that has multiple types coming over the wire in a list, and I need to render different ones depending on the type that it is. I seem to be getting an error on this, but not entirely sure how to correct. I tried using a comparison on typeof, but because that's comparing strings, it doesn't recognise that it's actually acting to guard the type. the TimelineUpdate type just requires a WrittenUpdate and as it's type, and the WrittenUpdate type is imported from @prisma/client at the top of this file Thanks 🙏...

Gaden

12/2/2022

Best state management for react chrome extensions?

Im looking into making a chrome extension. It will be handling a somewhat complex state, shared between background scripts, and the popup UI for the user. So my question is, how do i handle shared typesafe and persisting state across script in a chrome extension? Can't seem to find any good resources on this. ...

Previous Next

Gaming

Programming

Theo's Typesafe Cult

Join the Theo's Typesafe Cult server to ask questions!

Theo's Typesafe Cult

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