Hi, I need to do some sort of auth, and I made a context for that (I know that this way is very bad, but it's just for a showcase and won't be really used anywhere anyway)

Here's user-context.tsx

"use client"

import * as React from "react"
import { UserContextType } from '../../types';

export const UserContext = React.createContext<UserContextType | null>(null);

const UserProvider: React.FC<{children: React.ReactNode}> = ({ children }) => {
  const [userId, setUser] = React.useState<string>("");

  const loginUser = (id: string) => {
    setUser(id);
  }

  const logoutUser = (id: string) => {
    setUser("");
  }

  return <UserContext.Provider value={{ userId, loginUser, logoutUser }}>{children}</UserContext.Provider>;
}

export default UserProvider;

Which is then used in login/page.tsx:

import * as React from 'react';
import { UserContextType } from '@/types';
import { UserContext } from '@/components/providers/user-context';

const LoginPage = ({}: {
  children: React.ReactNode
}) => {  
  const { userId, loginUser, logoutUser } = React.useContext(UserContext) as UserContextType;

  loginUser("123");
  // ... and the rest of the code

Maybe I'm not an expert, but the same code (with just changed names and missing one function) works perfectly fine.

Anyway the error it throws is
Error: async/await is not yet supported in Client Components, only Server Components. This error is often caused by accidentally adding 'use client' to a module that was originally written for the server..
And okay, then just there is async or await somewhere in the code, but... there isn't at all.