Nuxt3: findOne/find() returns undefined when used in a composable

I am trying to make a composable that will get me data dynamically but what I get is undefined. Any ideas on what the issue here is?

composables/useGetTaxonomy.ts

export default async function () {
	const { find, findOne } = useStrapi4();
	const route = useRoute();
	const dataID = route.params.id;

	const dataType = route.name.split('-')[0];
	const data = await findOne(dataType, dataID);
	
	const contentType = 'recipes';
	const contentData = await find(contentType, { [dataType]: dataID });

	return {
		data,
		dataType,
		contentData,
		contentType
	}
}

/pages/[id]-[slug].vue <-- /components/Archive/Taxonomy.vue

<script setup>
const { data, dataType, contentData, contentType } = useGetTaxonomy();
</script>

It returns undefined also when I use useAsyncData.

Start with composables/useGetTaxonomy.ts and pages/[id]-[slug].vue, then reproduce the page flow through components/Archive/Taxonomy.vue. Inspect the route parameters, useStrapi4 calls, and the behavior when wrapped in useAsyncData. Done means the composable's returned values are defined for the reported route, with the reproduction or a precise cause documented.