close-modal-on-browser-back

useEffect(() => {
    /**
     * trapping next router before-pop-state to manipulate router change
     * on browser back button quick filter modal should be closed
     */
    router.beforePopState(() => {
      if (isOpen) {
        /**
         * only applicable if modal is open.
         */
        onClose();
        /**
         * return false stops next router change but we can not
         * prevent browser url change.
         * to prevent go to previous url in browser address bar
         * we have to use history.forward method.
         */
        window.history.forward();
        return false;
      }

      return true;
    });
    return () => {
      router.beforePopState(() => {
        return true;
      });
    };
  }, [isOpen]);