Get response headers

[KL13NT]

What is the best way to get response headers from a normal fetch? I tried doing it this way but it seems ugly?:

const { data, error } = defaultSWR(
		[path, options],
		(...args) =>
			fetch(...args).then(async (res) => ({
				data: await res.json(),
				...res,
			})),
		config,
	);

Where options is fetch options and config is SWRConfiguration. data ends up an object with data and all other response keys with it. I also tried this:

const { data, error } = defaultSWR(
	[path, options],
	(...args) =>
		fetch(...args).then(async (res) =>
			res.json().then((json) => ({ json, ...res })),
		),
	config,
);

Which is... pretty much the same but more consistent with using promises only. Is there a better way?