401 error Nextjs(cookies not being sent)

export const axiosInstance = axios.create({
baseURL,
headers: {
'Content-Type': 'application/json',
},
withCredentials: true,
});

export default async function DashboardPage() {

const videos = await getVideosFetcher();
console.log('videos', videos);

return (


<Button className={cn(styles.addVideoButton, 'button-primary')}>
+ Create Video


{/* {videos.map((video, idx) => (

))} */}


);
}

export const auth = betterAuth({
  database: drizzleAdapter(db, {
    provider: 'pg',
    // debugLogs: true,
    usePlural: true,
  }),
  emailAndPassword: {
    enabled: true,
    autoSignIn: true,
  },
  // emailVerification: {
  //   sendOnSignUp: true,
  // },
  logger: {
    level: 'debug',
    transport: {
      type: 'console',
      options: {
        format: 'json',
      },
    },
  },
  trustedOrigins: ['https://localhost:3000'],
  advanced: {
    defaultCookieAttributes: {
      sameSite: 'none',
      secure: true,
    },
  },
  crossSubDomainCookies: {
    enabled: true,
    domain: 'https://localhost:3000', // Domain with a leading period
  },
});