Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | 2x 2x 2x 4x 4x 4x 2x | import React, { useState } from "react";
import useCachedScroll from "ui/hooks/use-cached-scroll";
interface CachedScrollProps {
children: React.ReactNode;
cacheKey: string;
}
const CachedScroll = ({ children, cacheKey }: CachedScrollProps) => {
const [scrollEl, setScrollEl] = useState<HTMLDivElement | null>(null);
const { onScroll } = useCachedScroll(cacheKey, scrollEl);
return (
<div
ref={setScrollEl}
onScroll={onScroll}
style={{ width: "100%", height: "100%", overflowY: "auto" }}
>
{children}
</div>
);
};
export default CachedScroll;
|