A React hook for grabbing assets from OpenSea

useOpenSeaAssets.js

import { useEffect, useState } from 'react';

const options = { method: 'GET' };

export default function useOpenSeaAssets({
	owner,
	sortDirection = 'asc',
	offset = 0,
	limit = 50,
	collection,
}) {
	const [assets, setAssets] = useState([]);
	const [loading, setLoading] = useState(true);

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

		fetch(
			`https://api.opensea.io/api/v1/assets?owner=${owner}&order_direction=${sortDirection}&offset=${offset}&limit=${limit}&collection=${collection}`,
			options,
		)
			.then((response) => response.json())
			.then((res) => res.assets || [])
			.then((response) => setAssets(response))
			.then(() => setLoading(false))
			.catch((err) => console.error(err));
	}, [owner, sortDirection, collection, offset, limit]);

	return {
		assets,
		loading,
	};
}