ReactWindowScrollBars

ReactWindowScrollBars.tsx

import React, { FunctionComponent, useCallback } from 'react';
import ScrollBars from '../../../../../components/ScrollBars';

const ReactWindowScrollBars: FunctionComponent<any> = ({ onScroll, forwardedRef, style, children }) => {
    const refSetter = useCallback((scrollbarsRef) => {
        if (scrollbarsRef) {
            forwardedRef(scrollbarsRef.view);
        } else {
            forwardedRef(null);
        }
    }, []);

    return (
        <ScrollBars ref={refSetter} style={{ ...style, overflow: 'hidden' }} onScroll={onScroll}>
            {children}
        </ScrollBars>
    );
};

export default React.forwardRef((props, ref) => <ReactWindowScrollBars {...props} forwardedRef={ref} />);