Check for search id before executing GDA (#454)

J=CLIP-1461
TEST=auto,manual

ran `npm run test` and tested manually on test-site to verified gda is executed as expected

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yext/search-ui-react",
-  "version": "1.7.0-beta.5",
+  "version": "1.7.0-beta.6",
   "description": "A library of React Components for powering Yext Search integrations",
   "author": "slapshot@yext.com",
   "license": "BSD-3-Clause",

src/components/GenerativeDirectAnswer.tsx

@@ -75,6 +75,7 @@ export function GenerativeDirectAnswer({
   const isUniversal = useSearchState(state => state.meta.searchType) === SearchTypeEnum.Universal;
   const universalResults = useSearchState(state => state.universal);
   const verticalResults = useSearchState(state => state.vertical);
+  const searchId = useSearchState(state => state.meta.uuid);
 
   const searchResults: Result[] | undefined = React.useMemo(() => {
     if (isUniversal) {
@@ -89,11 +90,11 @@ export function GenerativeDirectAnswer({
   const isLoading = useSearchState(state => state.generativeDirectAnswer?.isLoading);
 
   React.useEffect(() => {
-    if (!searchResults?.length) {
+    if (!searchResults?.length || !searchId) {
       return;
     }
     executeGenerativeDirectAnswer(searchActions);
-  }, [searchResults]);
+  }, [searchResults, searchId]);
 
   if (!searchResults?.length || isLoading || !gdaResponse || gdaResponse.resultStatus !== 'SUCCESS') {
     return null;