fix: restoring react imports needed for build docs process on searchfield

Author: jacobo-dominguez-wgu

src/SearchField/SearchFieldAdvanced.jsx

@@ -1,4 +1,5 @@
-import {
+// React import needed to support build-docs, if removed the build-docs will break
+import React, {
   useRef, createContext, useState, useEffect,
 } from 'react';
 import PropTypes from 'prop-types';

src/SearchField/SearchFieldInput.jsx

@@ -1,4 +1,5 @@
-import { useContext } from 'react';
+// React import needed to support build-docs, if removed the build-docs will break
+import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 
 import { FormControl } from '../Form';

src/SearchField/SearchFieldLabel.jsx

@@ -1,4 +1,5 @@
-import { useContext } from 'react';
+// React import needed to support build-docs, if removed the build-docs will break
+import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 

src/SearchField/SearchFieldSubmitButton.jsx

@@ -1,4 +1,5 @@
-import { useContext } from 'react';
+// React import needed to support build-docs, if removed the build-docs will break
+import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 
 import { SearchFieldContext } from './SearchFieldAdvanced';

src/SearchField/index.jsx

@@ -1,4 +1,5 @@
-import { useCallback } from 'react';
+// React import needed to support build-docs, if removed the build-docs will break
+import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
 
 import { Search, Close } from '../../icons';