\r\n \r\n );\r\n};\r\n\r\nexport default SearchList;\r\n","import { ClientContext, GraphQLClient } from 'graphql-hooks';\r\nimport React from 'react';\r\n\r\nimport SearchList from '@react/search/SearchList';\r\n\r\nconst client = new GraphQLClient({\r\n url: '/api/graphql',\r\n});\r\n\r\nconst SearchRoot = () => (\r\n \r\n \r\n \r\n);\r\n\r\nexport default SearchRoot;\r\n","import PropTypes from 'prop-types';\r\nimport React, { useState } from 'react';\r\nimport Spinner from 'react-spinkit';\r\nimport { useTimeout } from '@netc/hooks';\r\n\r\n/** Component to show child components after delay. */\r\nconst LoadingIndicator = ({ bg, children, timeout }) => {\r\n // Store value to indicate whether to render the loading indicator.\r\n const [isActive, setIsActive] = useState(false);\r\n\r\n // Set is active state after timeout elapses.\r\n useTimeout(() => setIsActive(true), timeout);\r\n\r\n if (!isActive) {\r\n return null;\r\n }\r\n\r\n return (\r\n