client/src/components/ContactList.js

import List from "@mui/material/List";
import authManager from "../AuthManager";
import React, { useState, useEffect } from "react";
import { useAppDispatch, useAppSelector } from "../../redux/hooks";


export default function ContactList() {
  const { accountId } = useAppSelector((state) => state.app);
  const dispatch = useAppDispatch();

  const [contacts, setContacts] = useState([]);

  useEffect(() => {
    const controller = new AbortController();
    authManager
      .fetch(`/api/accounts/${accountId}/contacts/`, {
        method: "GET",
        header: { "Content-Type": "application/json" },
        // signal: controller.signal,
      })
      .then((res) => {
        res.json();
      })
      .then((result) => {
        console.log(result);
      });
    return () => controller.abort();
  }, []);

  return (
    <div className="rooms-list">
      <List></List>
    </div>
  );
}