Thumbnails cannot be opened since v0.17.0

[SiKreuz]

Describe the bug
Since v.0.17.0 the thumbnails are not working anymore. The bar doesn't open on click. The icon gets a gray background and nothing happens after that.

To Reproduce
Steps to reproduce the behavior:

1. Open a pdf file in the viewer
2. Click on the thumbnails bar
3. Nothing happens

Expected behavior
The click on the button opens the thumbnails bar.

Screenshots

Desktop (please complete the following information):

• OS: macOS
• Browser: Zen
• Version 1.18.4b (Firefox 147.0.2)

[david-reactpdf]

@SiKreuz

Thanks for reporting this and for the clear description.

To help us reproduce and investigate this properly, could you share a bit more detail?
• A small code snippet showing how you’re integrating React PDF
• Your package.json (or at least the versions of @pdf-viewer/react, React, if using Next.js and your bundler)
• If possible, a minimal reproduction (for example a small repo or sandbox)

You can paste the code directly here in the issue, or if it’s easier, feel free to email it to me at david@react-pdf.dev.

[SiKreuz]

@david-reactpdf Thanks for your quick response. I sent you an email with a code example and a storybook.

For your documentation:

export function PDFViewer({ src }: Readonly<PDFViewerProps>) {
  return (
    <RPConfig>
      <RPTheme>
        <RPProvider initialScale={ZoomLevel.PAGE_WIDTH} src={src}>
          <PageSync />
          <RPLayout
            className="pdf-viewer rounded-2xl border border-base-content/15 bg-base-100"
            toolbar={{
              topbar: {
                component: (
                  <div className="flex size-full flex-row items-center justify-center">
                    <ThumbnailTool />
                    <SearchTool />
                    <div className="grow" />
                    <InputPageTool />
                    <ZoomLevelTool />
                    <div className="grow" />
                  </div>
                ),
              },
            }}
          >
            <RPPages />
          </RPLayout>
        </RPProvider>
      </RPTheme>
    </RPConfig>
  );
}