Merge pull request #92 from vtex-apps/fix/missing-search-query-v2x

fix error when serachquery is missing
vtex-apps · Sep 8, 2020 · 89d0929 · 89d0929
2 parents f2704cb + 5a6bdff
commit 89d0929
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+### Fixed
+
+- Error when the `searchQuery` is missing.
+
 ## [2.0.0] - 2020-08-18
 
 ### Removed

diff --git a/react/components/Banner/index.tsx b/react/components/Banner/index.tsx
@@ -44,11 +44,15 @@ const Banner = (props: BannerProps) => {
   const CSS_HANDLES = ["searchBanner"];
   const handles = useCssHandles(CSS_HANDLES);
 
+  const { searchQuery } = useSearchPage();
+
+  if (!searchQuery) {
+    return null;
+  }
+
   const {
-    searchQuery: {
-      variables: { fullText, selectedFacets },
-    },
-  } = useSearchPage();
+    variables: { fullText, selectedFacets },
+  } = searchQuery;
 
   const { loading, data } = useQuery(bannersQuery, {
     variables: {