TypeScript Error: 'This expression is not callable' with import of next-auth

[OfficialRushO]

I was trying to migrate from next-auth v4 to new next-auth@beta. But when I'm trying to create the auth.ts file, it shows me an error.

Error message

[{
	"resource": "/c:/Users/.../dashboard/auth.ts",
	"owner": "typescript",
	"code": "2349",
	"severity": 8,
	"message": "This expression is not callable.\n  Type 'typeof import(\"c:/Users/.../dashboard/next-auth\")' has no call signatures.",
	"source": "ts",
	"startLineNumber": 3,
	"startColumn": 52,
	"endLineNumber": 3,
	"endColumn": 60
}]

And here are the main three files of the authjs setup. I'm unable to configure or proceed because of that error.
(Imports to route and middleware from auth.ts is not '@/auth' because @ is set to src folder.)

root: auth.ts

import NextAuth from "next-auth";

export const { handlers, signIn, signOut, auth } = NextAuth({
	providers: [],
});

src/middleware.ts

export { auth as middleware } from "auth";

src/app/api/auth/[...nextauth]/route.ts

import { handlers } from "auth";
export const { GET, POST } = handlers;

You can see these are just the basic configurations that shown in authjs official docs.
But I have no idea why I'm getting this error.