"ReferenceError: document is not defined" in SSR

[frepps]

Hello, and thank you for your work on this component!

I get a "document is not defined" error on the server when I am using server side rendering.

It looks like the problem is here:

react-compare-slider/src/react-compare-slider.tsx

Line 143 in 0729b0b

const containerRef = useRef<HTMLDivElement>(document.createElement('div'));

I tried to fork the project an replace
const containerRef = useRef<HTMLDivElement>(document.createElement('div'));
with
const containerRef = useRef<HTMLDivElement>(null);
and add null-checks whenever containerRef.current is used, but my experience with typescript is limited and I didn't want to make a mess! 😀

[nerdyman]

Hi @frepps, thanks for opening the issue!

I'll need to change a few things to get it working with SSR since the library uses document and window in several places. I'll get cracking on a fix.

[nerdyman]

@frepps SSR support has been added in 1.0.3, thanks for reporting the issue!