fix: if no tour id, do not render modal tour component

Author: bfintal@gmail.com

src/components/guided-modal-tour/index.js

@@ -71,6 +71,11 @@ const GuidedModalTour = memo( props => {
 		}
 	}
 
+	// Do not load if there is no tourId.
+	if ( ! tourId ) {
+		return null
+	}
+
 	// Only lazy-load ModalTour when we're actually going to render it
 	const ModalTour = lazy( () => import( /* webpackChunkName: "modal-tour" */ '~stackable/lazy-components/modal-tour' ) )
 

src/lazy-components/modal-tour/index.js

@@ -51,7 +51,7 @@ const ModalTour = memo( props => {
 		hasConfetti = true,
 		initialize = NOOP,
 	} = useMemo( () =>
-		TOUR_STEPS[ tourId ],
+		TOUR_STEPS[ tourId ] || {},
 	[ tourId ] )
 
 	const {

src/plugins/guided-modal-tour/editor-block-tour.js

@@ -15,6 +15,11 @@ const EditorBlockTour = () => {
 		}
 	}, [] )
 
+	// Do not load if there is no tourId.
+	if ( ! tourId ) {
+		return null
+	}
+
 	return <>
 		<GuidedModalTour tourId={ tourId } />
 	</>