realtime subscription error - TS

  useEffect(() => {
    const channel = supabase.channel('realtime draft')
      .on(
        'postgres_changes',
        { event: '*', schema: 'public', table: 'draft' },
        (payload: ProductItemType[]) => {
          console.log('Change received!', payload)
          router.refresh()
        }).subscribe()

    return () => {
      supabase.removeChannel(channel)
    }
  }, [])

  useEffect(() => {
    const channel = supabase.channel('realtime draft')
      .on(
        'postgres_changes',
        { event: '*', schema: 'public', table: 'draft' },
        (payload: ProductItemType[]) => {
          console.log('Change received!', payload)
          router.refresh()
        }).subscribe()

    return () => {
      supabase.removeChannel(channel)
    }
  }, [])

Diagnostics:
1. No overload matches this call.
     The last overload gave the following error.
       Argument of type '"postgres_changes"' is not assignable to parameter of type '"broadcast"'. [2769]

Diagnostics:
1. No overload matches this call.
     The last overload gave the following error.
       Argument of type '"postgres_changes"' is not assignable to parameter of type '"broadcast"'. [2769]