react query example when button is clicked

react-query-when-button-is-clicked.ts

import React from 'react';
import { useQuery } from 'react-query';

function Playground() {
  const { data, refetch } = useQuery(
    'RANDOM',
    async () => {
      const res = await new Promise<number>((resolve) => setTimeout(() => resolve(Math.random()), 1000));
      return res;
    },
    {
      enabled: false
    }
  );
  return (
    <div>
      <h1>{data}</h1>
      <button onClick={() => refetch()}>Random</button>
    </div>
  );
}

export default Playground;