Issues with configuration of overlay scrollbars on Angular project

[benjamin-hoefer-fnt]

Hello!

I just installed overlay scrollbars and created my first module and component for testing purposes.

I am using Compodoc and Storybook for displaying and documentation of my work and I get a bunch of errors while building Storybook.
When I remove the module everything works fine so I guess it has nothing to do with the installation of overlay scrollbars but rather with some missing config.

Here are some of the errors from the console:

• Error: node_modules/overlayscrollbars-ngx/overlayscrollbars.component.d.ts:2:10 - error TS2596: 'OverlayScrollbars' can only be imported by turning on the 'esModuleInterop' flag and using a default import.

(the esModuleInterop flas is set to true)

• Error: node_modules/overlayscrollbars-ngx/overlayscrollbars.component.d.ts:2:10 - error TS2596: 'OverlayScrollbars' can only be imported by turning on the 'esModuleInterop' flag and using a default import.
  2 import { OverlayScrollbars } from 'overlayscrollbars';

• Error: node_modules/overlayscrollbars-ngx/overlayscrollbars.component.d.ts:3:15 - error TS2305: Module '"overlayscrollbars"' has no exported member 'PartialOptions'.
  3 import type { PartialOptions, EventListeners } from 'overlayscrollbars';

• Error: node_modules/overlayscrollbars-ngx/overlayscrollbars.component.d.ts:3:31 - error TS2305: Module '"overlayscrollbars"' has no exported member 'EventListeners'.
  3 import type { PartialOptions, EventListeners } from 'overlayscrollbars';

And so on...

I am using Angular 13, Nx 13, Storybook 6 and TypeScript 4.

Does anyone has a hint what could be missing in the config?

[benjamin-hoefer-fnt]

I just forgot to install also the version for Vanilla Java Script. I thought it would be enough to only install the framework specific version of overlay scrollbars. Now it works.