How to use useQueries that depends on another query?

[swarupbam]

I have a use case where I need to make independent API calls simultaneously, but all of them depend on a query's result. Currently, I am doing something like the following. Curious if there is any better way to achieve this.

    const {isLoading, data} = useAPIQuery({
        queryKey: 'some_key',
        select:(data) => ({internal_users_uri: data.internal_users})
    });

    const queries = useMemo(() => {
        if(!data){
            return [];
        }
        return data.internal_users_uri.map(uri => ({queryKey: [uri], queryFn: queryFunction})
    },[data]);

    const users = useAPIQueries({
        queries: queries
    });

Since this is placed in a component and component could render multiple times using useMemo to generate queries. Otherwise queries will be generated every time the component renders. I didn't find the enabled attribute helpful since queries are generated only when data is available.