usePrismaClient() has a type signature of () => any

[CodeF53]

steps to reproduce:

1. make new nuxt project bunx nuxi init
2. add prisma nuxt bun i @prisma/nuxt and add modules: ["@prisma/nuxt"] to nuxt.config.ts
3. run client bun dev and approve prisma migrations & the like
4. add the following to app.vue, and hover client

<script lang="ts" setup>
const client = usePrismaClient()
</script>

it shows loading... for 30s to 3 minutes, then says any

this doesnt make sense because if you ctrl click usePrismaClient after it shows () => any for its type definition, it gives you
const usePrismaClient: typeof import('../../node_modules/@prisma/nuxt/dist/runtime/composables/usePrismaClient')['usePrismaClient']
and if you follow that with ctrl click, you get
export declare const usePrismaClient: () => import(".prisma/client").PrismaClient<import(".prisma/client").Prisma.PrismaClientOptions, never, import("@prisma/client/runtime/library").DefaultArgs>;
which if you hover, have a meaningful type signature () => import(".prisma/client").PrismaClient<import(".prisma/client").Prisma.PrismaClientOptions, never, import("@prisma/client/runtime/library").DefaultArgs>
and all the components of that type signature have reasonable definitions too

so why is the type signature of usePrismaClient () => any?

as further debugging steps I tried:

• importing usePrismaClient manually
• using npm instead of bun
• disabling all my extensions except for the offical nuxtr extension pack
• copy pasting ./.nuxt/tsconfig.json in its entirety to ./tsconfig.json, I replaced all instances of ./ with ./.nuxt/ and replaced all instances of .. with ., to fix relative pathing following moving the file
• ran it on another machine
  usePrismaClient is still () => any

I tried testing if it worked on server routes, so I made
server/api/test.ts

export default defineEventHandler(async (event) => {
  return await prisma.user.findMany()
})

prisma is supposed to be auto imported here and it isnt!
If I try importing prisma manually, it says @prisma/client did not initialize yet. Please run "prisma generate" and try to import it again. which is #97

[CodeF53]

I was able to fix
import prisma from '~/lib/prisma'; being any by changing lib/prisma.ts to use the generated client

- import { PrismaClient } from '@prisma/client'
+ import { PrismaClient } from '~/generated/prisma'

and usePrismaClient being () => any by changing
node_modules/@prisma/nuxt/dist/runtime/composables/usePrismaClient.d.ts

- export declare const usePrismaClient: () => import(".prisma/client").PrismaClient<import(".prisma/client").Prisma.PrismaClientOptions, never, import("@prisma/client/runtime/library").DefaultArgs>;
+ export declare const usePrismaClient: () => import("~/generated/prisma").PrismaClient<import("~/generated/prisma").Prisma.PrismaClientOptions, never, import("~/generated/prisma").DefaultArgs>;

for clarity, I just changed all the imports to ~/generated/prisma

[naufal-alwi-p]

I facing the same problem. My solution is quite simple.

In the schema.prisma file, inside the generator block you need to delete one line

generator client {
   provider = "prisma-client-js"
-  output   = "./generated/prisma-client-js"
}

It will generates prisma client inside node_modules folder and you will get all the type definition without changing any imports manually

[AmanVarshney01]

Sadly, we are deprecating this module. You can read more about the explanation here

How to use Nuxt with Prisma 7 - https://www.prisma.io/docs/guides/nuxt