A React hook for querying OpenSea collections

useOpenSeaCollections.js

import { useEffect, useState } from 'react';

const options = { method: 'GET' };

export default function useOpenSeaCollections({
	owner,
	offset = 0,
	limit = 50,
}) {
	const [collections, setCollections] = useState([]);
	const [loading, setLoading] = useState(true);

	useEffect(() => {
		setLoading(true);

		fetch(
			`https://api.opensea.io/api/v1/collections?asset_owner=${owner}&offset=${offset}&limit=${limit}`,
			options,
		)
			.then((response) => response.json())
			.then((response) => setCollections(response))
			.then(() => setLoading(false))
			.catch((err) => console.error(err));
	}, [owner, offset, limit]);

	return {
		collections,
		loading,
	};
}