Не работает вывод в консоль браузера с использованием useEffect только на next js

Столкнулся с проблемой, сижу не знаю сколько часа 3 точно

'use client';
import { useEffect } from "react"

const AuthPage: React.FC = () => {
    useEffect(() => {
        console.log("test text");
    }, []);
    return (
        <div>test</div>
    );
}


export default AuthPage;

вот примитивный кусок кода и путь к нему path/to/app/auth/page.tsx,

!в чем проблема ! я не получаю вывод в консоль через useEffect в котором console.log, если использовать без хука то вывод идет в terminal в IDE где я работаю в моем случае vs code

так вот в каком-бы контексте не пробовал писать данное выражение как useEffect + console.log нигде не получил результат, в чем проблема T_T, T_T, T_T. HELP

P.s. читал немного как работает ssr and csr вроде сделал все как надо 'use client' и тд.

вот структура проекта

дополнительно задался вопросом что именно не работает в данной ситуации и сделал проверку вызовом alert("mounted) в useEffect

useEffect(() => {
   console.log("mounted");
   alert("mounted");
}, [])

в ответ я получил alert на сайте с заданным текстом, а значит что useEffect работает, но console.log не хочет работать в его рамках