I'm struggling with setting up routes in Next.js. When I create the path "/app/[locale]/admin/page.tsx," I can access http://url/admin/ without any issues.
However, when I try to set up "/app/[locale]/admin/login.tsx," I encounter an error and cannot access http://url/admin/login.
The only way I can access http://url/admin/login is if I create "/app/[locale]/admin/login/page.tsx," but I prefer not to clutter my project with multiple directories.
Is there a solution you can suggest to help me resolve this issue?
The code for /app/[locale]/admin/login.tsx:
import '../globals.scss'
import React from "react";
export default function Login() {
return (
<>
Code
</>
);
}