Tiled image not loading correctly

[wykhuh]

I create two new apps using both Next.js and React + Vite.js, and installed Clover 2.8.1. In both cases, the tiled image is not working. It shows a small thumbnail, but we can't zoom the image.

I then uninstalled Clover, and installed previous versions of clover. version 2.5 works in both apps, which is before adding the image viewer component.

Nextjs repo https://github.com/wykhuh/clover-nextjs-demo

import dynamic from "next/dynamic";

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

export default function Home() {
  const iiifContent =
    "https://api.dc.library.northwestern.edu/api/v2/collections/c373ecd2-2c45-45f2-9f9e-52dc244870bd?as=iiif";

  return <Viewer iiifContent={iiifContent} />;
}

React repo https://github.com/wykhuh/clover-react

import Viewer from "@samvera/clover-iiif/viewer";

function App() {
   const iiifContent =
    "https://api.dc.library.northwestern.edu/api/v2/collections/c373ecd2-2c45-45f2-9f9e-52dc244870bd?as=iiif";

  return <Viewer iiifContent={iiifContent} />;
}

export default App