es-grid-template
Version:
es-grid-template
17 lines • 470 B
JavaScript
import * as React from 'react';
export const useIsOverflow = (ref, callback) => {
const [isOverflow, setIsOverflow] = React.useState(false);
React.useLayoutEffect(() => {
const trigger = () => {
const hasOverflow = ref?.current?.scrollWidth > ref?.current?.clientWidth;
setIsOverflow(hasOverflow);
if (callback) {
callback(hasOverflow);
}
};
if (ref) {
trigger();
}
}, [callback, ref]);
return isOverflow;
};