Property .on does not exist on supabase?

import { useSessionContext } from '@supabase/auth-helpers-react';

const Component() => {
const { session, supabaseClient } = useSessionContext();

useEffect(() => {
    const subs = supabaseClient
      .from("objects")
      .on("UPDATE", (payload) => {
        // dispatch(updateGameObject(payload.new.data));
      })
      .subscribe(console.log);
    subs.onClose(() => {
      console.log("on closed");
      supabase.removeAllSubscriptions();
    });
    return () => {
      subs.unsubscribe();
    };
  }

import { useSessionContext } from '@supabase/auth-helpers-react';

const Component() => {
const { session, supabaseClient } = useSessionContext();

useEffect(() => {
    const subs = supabaseClient
      .from("objects")
      .on("UPDATE", (payload) => {
        // dispatch(updateGameObject(payload.new.data));
      })
      .subscribe(console.log);
    subs.onClose(() => {
      console.log("on closed");
      supabase.removeAllSubscriptions();
    });
    return () => {
      subs.unsubscribe();
    };
  }