Build error: Failed to collect page data about clover-iiif HOT 2 CLOSED

Hi @buccalon, The ReferenceError: document is not defined error I believe is the ultimate source issue here. The depedency for OpenSeadragon expects the browser document to exist and doesn't play well in a node environment. When Next is building its trying to render OpenSeadragon and then crashing...

There is a solution though, but it must be done through a dynamic import package in next/dynamic

1. I suggest creating a component to the side that can operate outside of your Markdown pages.

components/IIIFViewer.jsx

and in that...

import dynamic from "next/dynamic";

const CloverIIIF = dynamic(() => import("@samvera/clover-iiif"), {
  ssr: false,
});

const IIIFViewer = ({ id }) => {
  return <CloverIIIF id={id} />;
};

export default IIIFViewer;

2. Then in each of your markdown files...

import IIIFViewer from '../../components/IIIFViewer'

# Relatório dos trabalhos executados na Floresta Nacional da Tijuca de 1º de Janeiro a 31 de Dezembro de 1890, por Manuel Gomes Archer

<IIIFViewer id="https://iiif.tiju.ca/1891-relatorio-archer" />

## Contexto
...

Also, you may want to update Clover to latest npm i @samvera/clover-iiif@latest to accomodate the new id prop rather than manifestId.

Let me know if that helps. Best - Mat

from clover-iiif.

@mathewjordan thanks for taking the time and updating the docs, it worked!

from clover-iiif.