Communication of status / errors codes between client and server via URLSearchParams

useErrorNotifications.tsx

import { useCallback, useEffect } from 'react';
import { useSearchParams } from 'react-router-dom';

export default function useErrorNotifications() {
  const { pushNotification } = useContext(NotificationsContext);
  const [searchParams, setSearchParams] = useSearchParams();
  const errorCode = searchParams.get('error');

  const onClose = useCallback(() => {
    searchParams.delete('error');
    setSearchParams(searchParams, { replace: true });
  }, [searchParams, setSearchParams]);

  useEffect(() => {
    if (errorCode) {
      const [title, message] = getErrorMessage(errorCode);
      pushNotification({
        title: title,
        message: message,
        isPermanent: true,
        isToast: false,
        type: MessageType.error,
        onClose,
      });
    }
  }, [errorCode, onClose]);
}