prisma-client provider can't be used with multiple generators

│ Loaded Prisma config from ".....\prisma.config.ts".
│ Prisma config detected, skipping environment variable loading.
│ Prisma schema loaded from prisma\schema
│ Error: Generator "Prisma Json Types Generator" requires generator "prisma-client-js", but it is missing in your schema.prisma.
│ Please add it to your schema.prisma:
│
│ generator gen {
│   provider = "prisma-client-js"
│ }
│

│ Loaded Prisma config from ".....\prisma.config.ts".
│ Prisma config detected, skipping environment variable loading.
│ Prisma schema loaded from prisma\schema
│ Error: Generator "Prisma Json Types Generator" requires generator "prisma-client-js", but it is missing in your schema.prisma.
│ Please add it to your schema.prisma:
│
│ generator gen {
│   provider = "prisma-client-js"
│ }
│

generator client {
  provider        = "prisma-client"
  output          = "../generated"
  binaryTargets   = ["native"]
  previewFeatures = ["prismaSchemaFolder"]
}

generator json {
  provider = "prisma-json-types-generator"
}

datasource db {
  provider = "postgresql"
  url      = env("DATABASE_URL")
}

generator client {
  provider        = "prisma-client"
  output          = "../generated"
  binaryTargets   = ["native"]
  previewFeatures = ["prismaSchemaFolder"]
}

generator json {
  provider = "prisma-json-types-generator"
}

datasource db {
  provider = "postgresql"
  url      = env("DATABASE_URL")
}