net::ERR_NAME_NOT_RESOLVED Drizzle ORM

import { db } from "app/lib/db/index";
import { subjects } from "app/lib/db/schema"

export const runtime = 'edge'

export default async function Home() {
    const users = await db.select().from(subjects)
  
    return (
      <>
        <p>my users:</p>
        {users.map((user) => (
          <div key={user.id}>{user.name}</div>
        ))}
      </>
    )
  }

// index.js:115     POST https://undefined/psdb.v1alpha1.Database/Execute net::ERR_NAME_NOT_RESOLVED

import { drizzle } from "drizzle-orm/planetscale-serverless";
import { connect } from "@planetscale/database";
 
// create the connection
const connection = connect({
  host: process.env.DATABASE_URL,
});
 
export const db = drizzle(connection);

import type { Config } from "drizzle-kit";
 
export default {
  schema: "./app/lib/db/schema.ts",
  out: "./drizzle",
  dbCredentials: {
    connectionString: process.env.DATABASE_URL,
  }
} satisfies Config;

DATABASE_URL='mysql:url@aws.connect.psdb.cloud/mydbname?ssl={"rejectUnauthorized":true}'