Realtime 400 bad request

  useEffect(() => {
    const unsubscribe = client.subscribe(
      `databases.${MAIN_DATABASE_ID}.collections.${REPORTS_COLLECTION_ID}.documents.${reportInfo.id}.update`,
      (response) => {
        setReportInfo({
          ...reportInfo,
          active: (response.payload as any).vote_active,
        });
      },
    );

    console.log('unsubscribe:', unsubscribe)
    return () => {
      unsubscribe();
    };
  }, [reportInfo]);````
but for some reason, it returns 400 bad request