fetch = (id) => {
    this.setState({ loading: true }, async () => {
      const { type, content: documents } = await documentPassing(id);
      this.setState({ loading: false }, () => {
        if (type === 'ok') {
          this.setState({ documentsPassing: documents });
        } else {
          this.setState({ documentsPassing: [] });
        }
      });
    });
  }

import { useAsyncFn } from 'react-use'

...

const [{loading}, fetch] = useAsyncFn(
  async id => {
    const {type, content} = await documentPassing(id)
    if(type...) { 
      ...
    }
  },
  []
)

const [ loading, setLoading ] = useState(false)
useEffect(() =>{
  // use setLoading here
}, [])