src/query-assist/query-assist.stories.tsx [31:52]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  const [authReady, setAuthReady] = useState(false);
  const http = useRef<HTTP>(null);

  const dataSource = (props: QueryAssistRequestParams) => {
    if (http.current == null) {
      const auth = new Auth(hubConfig);
      auth.init().then(() => setAuthReady(true));
      http.current = new HTTP(auth, auth.getAPIPath());
    }

    const params = {
      query: {
        ...props,
        fields: `query,caret,styleRanges${props.omitSuggestions ? '' : ',suggestions'}`,
      },
    };

    return http.current.get<QueryAssistResponse>('users/queryAssist', params);
  };

  if (!authReady) {
    return <span>Loading...</span>;
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



src/query-assist/query-assist.stories.tsx [181:201]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  const [authReady, setAuthReady] = useState(false);
  const http = useRef<HTTP>(null);

  const dataSource = (props: QueryAssistRequestParams) => {
    if (http.current == null) {
      const auth = new Auth(hubConfig);
      auth.init().then(() => setAuthReady(true));
      http.current = new HTTP(auth, auth.getAPIPath());
    }
    const params = {
      query: {
        ...props,
        fields: `query,caret,styleRanges${props.omitSuggestions ? '' : ',suggestions'}`,
      },
    };

    return http.current.get<QueryAssistResponse>('users/queryAssist', params);
  };

  if (!authReady) {
    return <span>Loading...</span>;
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -