import { useQuery } from 'react-query';

const Example = () => {
  const [enabled, setEnabled] = React.useState(false);

  const { data: result } = useQuery(
    'hello',
    () => fetch('/hello').then((res) => res.json()),
    {
      select: (data) => data.message,
      enabled,
    }
  );

  return (
    <div>
      <Button onClick={() => setEnabled(true)} variant="primary">
        Fetch Data
      </Button>
      <div>
        Result:
        <output>{result}</output>
      </div>
    </div>
  );
};

render(<Example />);