when i am calling http://localhost:3000/dashboard its working fine because its in app directory , but when i am calling http://localhost:3000/connections it shows the error Error: The default export is not a React Component in page: "/connections" and when i move connections component to app directory it works fine .
the issue is related to route groups .
This is the code of app > (main) > (pages) > connections > page.tsx This is the code of app > (main) > (pages) > connections > page.tsx
i did try restarting the server changing the name of component but it doesnt work , the structure looks like it should work fine but dont know what is creating an issue