Can you mix server-side client with client-side client (NextJS)?

 const { data, error } = await supabase.auth.signInWithPassword({
    email,
    password,
  });

 const { data, error } = await supabase.auth.signInWithPassword({
    email,
    password,
  });

  useEffect(() => {
    const { data: listener } = supabaseClient.auth.onAuthStateChange((_event, session) => {
      console.log('auth change', { session });
    });

    return () => {
      listener?.subscription.unsubscribe();
    };
  }, [supabaseClient]);

  useEffect(() => {
    const { data: listener } = supabaseClient.auth.onAuthStateChange((_event, session) => {
      console.log('auth change', { session });
    });

    return () => {
      listener?.subscription.unsubscribe();
    };
  }, [supabaseClient]);