Revert "Revert "Merge pull request #462 from supabase/feat/new-realtime-api""

This reverts commit c9b4f89.

Author: w3b6x9

example/next-storage/components/ProfileList.tsx

@@ -1,25 +1,26 @@
 import ProfileCard from '../components/ProfileCard'
 import { Profile } from '../lib/constants'
-import { Subscription, SupabaseRealtimePayload } from '@supabase/supabase-js'
 import { supabase } from '../lib/api'
 import { useState, useEffect } from 'react'
 
-var realtimeProfiles: Subscription | null = null
-
 export default function ProfileList() {
   const [profiles, setProfiles] = useState<Profile[]>([])
 
   useEffect(() => {
     // getPublicProfiles()
     getUserProfile()
 
-    realtimeProfiles = supabase
-      .from('profiles')
-      .on('*', (payload: SupabaseRealtimePayload<Profile>) => profileUpdated(profiles, payload.new))
+    const realtimeProfiles = supabase
+      .channel('profiles-channel')
+      .on(
+        'postgres_changes',
+        { event: '*', schema: 'public', table: 'profiles' },
+        (payload: { [key: string]: any }) => profileUpdated(profiles, payload.new)
+      )
       .subscribe()
 
     return () => {
-      if (realtimeProfiles) supabase.removeSubscription(realtimeProfiles)
+      if (realtimeProfiles) supabase.removeChannel(realtimeProfiles)
     }
   }, [])