Loosing auth after rerender in "use client" componenent

"use client"

import {LoginLink, LogoutLink, RegisterLink} from "@kinde-oss/kinde-auth-nextjs/components";
import {useTranslations} from "next-intl";

import styles from "./loginButtons.module.scss"
import {useKindeBrowserClient} from "@kinde-oss/kinde-auth-nextjs";




const LoginButtons = () => {
    const t = useTranslations("login")
   const {isAuthenticated} = useKindeBrowserClient()
    console.log("auth: "+isAuthenticated)
    return (
        <div className={styles.navButtons}>
            { isAuthenticated ?
                <LoginLink>
                <i className="fa-solid fa-user-plus" aria-hidden></i>
                <span>{t("sign_in")}</span>
            </LoginLink>
            :
                <LogoutLink>
                    <i className="fa-solid fa-user-plus" aria-hidden></i>
                    <span>{t("logout")}</span>
                </LogoutLink>
            }
            <RegisterLink>
                <i className="fa-solid fa-user-plus" aria-hidden></i>
                <span>{t("signup")}</span>
            </RegisterLink>
        </div>
    );
}
export default LoginButtons