Error handling for network unavailability in useListeningQuery hook.

	// Get the videoId and playerType from the document & listen for changes
	const { data, loading, error }: { data: any; loading: boolean; error: any } = useListeningQuery<SanityDocument[]>(
		`*[_id == $documentId]`,
		{
			params: { documentId },
			initialValue: [],
		},
	);
	if (loading) return <Spinner />;

	// ⬇ TypeError: You provided an invalid object where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable.
	// ⬇ Error: Could not establish EventSource connection
	if (error) {
		console.log('error: ', error);
		return <Card tone="critical">There has been a problem</Card>;
	}