Debug Component Mount Lifecycle

SignInForm.js

import { useMountDebug } from './useMountDebug'; 

function SignInForm(props) {
  useMountDebug('SignInForm');

  return (<div></div>)
}

useMountDebug.js

import { useEffect } from 'react';

export function useMountDebug(label = 'Component') {
  useEffect(() => {
    console.log(label, 'mounted');
    return () => {
      console.log(label, 'unmounted');
    };
  }, []);
}