awexis Comments - Answer Overflow

awexis

•Created by ahkhanjani on 6/24/2023 in #questions

Prisma client extensions in T3 app

https://www.prisma.io/docs/guides/other/troubleshooting-orm/help-articles/nextjs-prisma-client-dev-practices#solution This is the reason as to why. Though not sure if you can maybe make an object with your options. Then tack on the export const prisma line perhaps? Like

export const prisma =
  globalForPrisma.prisma.$extends() ??
  new PrismaClient({
    log:
      env.NODE_ENV === "development" ? ["query", "error", "warn"] : ["error"],
  }).$extends();

export const prisma =
  globalForPrisma.prisma.$extends() ??
  new PrismaClient({
    log:
      env.NODE_ENV === "development" ? ["query", "error", "warn"] : ["error"],
  }).$extends();

Maybe ?

20 replies

TTCTheo's Typesafe Cult

•Created by oljimenez on 3/31/2023 in #questions

TailwindCSS and CVA autocomplete

17 replies

TTCTheo's Typesafe Cult

•Created by oljimenez on 3/31/2023 in #questions

TailwindCSS and CVA autocomplete

yeah you need to add a .vscode file, and then add a settings.json. Then you need this:

{
"tailwindCSS.experimental.classRegex": [
    ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]
  ],
}

{
"tailwindCSS.experimental.classRegex": [
    ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]
  ],
}

17 replies

TTCTheo's Typesafe Cult

•Created by code_sanchu on 3/24/2023 in #questions

How to automatically add type prefix to type imports?

There's a vscode setting that add it's on save might be eslint or prettier

3 replies

TTCTheo's Typesafe Cult

•Created by Filiberto on 3/20/2023 in #questions

infer parameters of function passed as prop on a react component

You can also just make "onLike" an onClick with no params. Since you're using a function already "handle like" that takes in the person already

6 replies

TTCTheo's Typesafe Cult

•Created by Eylon on 3/21/2023 in #questions

mutate return value

Outside of "data" curly braces. Should get auto complete for include/select/etc.

5 replies

TTCTheo's Typesafe Cult

•Created by .snkt on 3/4/2023 in #questions

How to call useQuery conditionally?

Yup that's what the link does :)

18 replies

TTCTheo's Typesafe Cult

•Created by 40fathoms on 3/4/2023 in #questions

Next.js Hydration error happening only in production.

I noticed react-map-gl. And found that this tutorial also does the dynamic import. https://dev.to/niharikak101/integrating-mapbox-with-next-js-the-cheaper-alternative-to-google-maps-g39

8 replies

TTCTheo's Typesafe Cult

•Created by 40fathoms on 3/4/2023 in #questions

Next.js Hydration error happening only in production.

If not a component but a library import, you could do this. https://nextjs.org/docs/advanced-features/dynamic-import#with-external-libraries

8 replies

TTCTheo's Typesafe Cult

•Created by 40fathoms on 3/4/2023 in #questions

Next.js Hydration error happening only in production.

Never experienced this but if you didn't know. You can run production build locally with npm run build, then npm run start. Anyways try to look into libraries that are very much client only. There could be a component that is client side only and you would have to wrap it in a dynamic import. https://nextjs.org/docs/advanced-features/dynamic-import#with-no-ssr

8 replies

TTCTheo's Typesafe Cult

•Created by .snkt on 3/4/2023 in #questions

How to call useQuery conditionally?

Glad it helped!

18 replies

TTCTheo's Typesafe Cult

•Created by .snkt on 3/4/2023 in #questions

How to call useQuery conditionally?

Here is how you would do it if you want it to be like "once link exist fetch the data" for the future

18 replies

TTCTheo's Typesafe Cult