Dynamic params for useAsync

hooks_use_async_example_modified.js

import React, { useState } from 'react';
import { useAsync } from '@sullivan/use-async';

const Example = (props) => {
  const [url, setUrl] = useState('https://www.npmjs.com/package/@sullivan/use-async');
  const { loading, data, error, dispatch } = useAsync(fetch, url);

  return (
    <div>
      <div>Libraries</div>
      <select value={url} onChange={(e) => setUrl(e.target.value)}>
        <option value="https://www.npmjs.com/package/@sullivan/use-async">useAsync</option>
        <option value="https://www.npmjs.com/package/react-spinner-material">Spinner</option>
        <option value="https://www.npmjs.com/package/serverless-plugin-flambe">Flambe</option>
      </select>
      <button onClick={dispatch}>Request Page</button>
      <pre>{JSON.stringify({ loading, data, error })}</pre>
    </div>
  );
};