How to type this SWR abstraction correctly?

[Rednegniw]

Hi! So I have this SWR useRequest function that is supposed to do some internal remapping of the values I get from useSWR.

export const useRequest = <T extends APIResult>(
	url: string,
	collectionName: string
) => {
	const { data, error, mutate } = useSWR<T>(url, fetcher)

	return {
		[collectionName]: data[collectionName],
		isLoading: !error && !data,
		isError: error,
		empty: data[collectionName] && !data[collectionName].length,
		mutate
	}
}

I plan to use it like
const useProjects = useRequest<ProjectsResult>('/projects', 'projects')
and have it return type

{
   projects: Project[],
   ...
}

Unfortunately, the best I can get from it is

{
   [x: string]: any,
   ...
}

Any ideas on how to solve this? It would be greatly appreciated!

[shuding]

Try adding as const?

  return {
    [collectionName]: data[collectionName],
    isLoading: !error && !data,
    isError: error,
    empty: data[collectionName] && !data[collectionName].length,
    mutate
  } as const