diff --git a/modules/apps/product-navigation/product-navigation-product-menu-web/src/main/resources/META-INF/resources/js/PageTypeSelector.es.js b/modules/apps/product-navigation/product-navigation-product-menu-web/src/main/resources/META-INF/resources/js/PageTypeSelector.es.js
index f85dce97c1eeb3..407cd3d1804521 100644
--- a/modules/apps/product-navigation/product-navigation-product-menu-web/src/main/resources/META-INF/resources/js/PageTypeSelector.es.js
+++ b/modules/apps/product-navigation/product-navigation-product-menu-web/src/main/resources/META-INF/resources/js/PageTypeSelector.es.js
@@ -13,9 +13,15 @@
  */
 
 import PropTypes from 'prop-types';
-import React, {useCallback} from 'react';
+import React, {useCallback, useEffect} from 'react';
 
 function PageTypeSelector(props) {
+	useEffect(() => {
+		return () => {
+			Liferay.destroyComponent(`${props.namespace}pagesTree`);
+		};
+	}, [props.namespace]);
+
 	const handleOnChange = useCallback(
 		event => {
 			const pageType = event.target.value;