Manually trigger useAsyncList load method

[bdow]

Hi all,

I was hoping to see if there was a smart way I could manually trigger the useAsyncList load method rather than having it automatically triggered. I want to wait until the user opens the ListBox before making the API call. Is this possible?

Thanks,
Brandon

[reidbarber]

At the moment, load will run on mount:

react-spectrum/packages/@react-stately/data/src/useAsyncList.ts

Lines 315 to 318 in aa988c5

	useEffect(() => {
	dispatchFetch({type: 'loading'}, load);
	// eslint-disable-next-line react-hooks/exhaustive-deps
	}, []);

Maybe you could conditionally use a load function that returns an empty list until the ListBox is opened?

 let list = useAsyncList({
    load: readyToLoad ? load : () => ({ items: [] })
  });

also you can use list.reload() to reload the data manually thereafter.