import React, { useEffect,useRef } from "react";
import { Heading } from '@chakra-ui/react'

function PatientsList(props) {
    useEffect(() => {
        console.log("component did mount PatientsList");
        return () => {
          console.log("component un mount PatientsList");
        };
      }, []);
      useEffect(() => {
        console.log("component will update PatientsList");
        return () => {
          console.log("component un mount PatientsList");
        };
      });
  return (
    <div>
      <Heading>Patients</Heading>
    </div>
  );
}

export default PatientsList;