ReasonJun

Error : Why : While rendering your application, there was a difference between the React tree that was pre-rendered from the server and the React tree that was rendered during the first render in the browser (hydration). Solution : import { useState, useEffect } from 'react' export default function App() { const [isClient, setIsClient] = useState(false) useEffect(() => { setIsClient(true) }, [])..

When : When implementing login using prisma and nextauth. Error message : [next-auth][error][adapter_error_getUserByAccount] https://next-auth.js.org/errors#adapter_error_getuserbyaccount Invalid `prisma.account.findUnique()` invocation: prisma code : generator client { provider = "prisma-client-js" } datasource db { provider = "mysql" url = env("DATABASE_URL") // Add this relationMode = "prisma..

What happened? In the case of ts-node, ts was compiled using the commonJS method. Therefore, an error occurs when you try to run a ts file with ts-node in the app or src subfolder of nextjs, which is compiled with esNext. Error : https://github.com/TypeStrong/ts-node/issues/935 `ts-node` fails when ES Modules are in the dependency graph in Node.js 13+ · Issue #935 · TypeStrong/ts-node I basicall..

https://www.daleseo.com/zod-schema/ Zod를 통한 타입스크립트 친화적인 스키마 정의 Engineering Blog by Dale Seo www.daleseo.com

twMerge is a JavaScript library that merges Tailwind CSS classes without style conflicts. It is useful when you need to conditionally join Tailwind CSS classes together, or when you need to merge Tailwind CSS classes from different sources. clsx is a JavaScript library that provides a simple and efficient way to conditionally join CSS classes together. It is useful for creating reusable CSS comp..