Confused between older and newer usage of useQuery

export const useNextLaunch = () => {
    return useQuery<NextLaunch, Error>(queryKeys.nextLaunch, async ({ signal }) => {
        const response = await fetch(apiEndpoints.nextLaunch, { signal });
        const launch = camelCaseKeys(await response.json()) as NextLaunch;

        // return stuff
    });
};

useQuery({ queryKey: ['todos'], queryFn: fetchAllTodos })
useQuery({ queryKey: ['todos', todoId], queryFn: () => fetchTodoById(todoId) })
useQuery({
  queryKey: ['todos', todoId],
  queryFn: async () => {
    const data = await fetchTodoById(todoId)
    return data
  },
})
useQuery({
  queryKey: ['todos', todoId],
  queryFn: ({ queryKey }) => fetchTodoById(queryKey[1]),
})