first commit

frontend/node_modules/antd/es/grid/hooks/useBreakpoint.js

@@ -0,0 +1,22 @@
+"use client";
+
+import { useRef } from 'react';
+import useLayoutEffect from "rc-util/es/hooks/useLayoutEffect";
+import { useForceUpdate } from '../../_util/hooks';
+import useResponsiveObserver from '../../_util/responsiveObserver';
+function useBreakpoint(refreshOnChange = true, defaultScreens = {}) {
+  const screensRef = useRef(defaultScreens);
+  const [, forceUpdate] = useForceUpdate();
+  const responsiveObserver = useResponsiveObserver();
+  useLayoutEffect(() => {
+    const token = responsiveObserver.subscribe(supportScreens => {
+      screensRef.current = supportScreens;
+      if (refreshOnChange) {
+        forceUpdate();
+      }
+    });
+    return () => responsiveObserver.unsubscribe(token);
+  }, []);
+  return screensRef.current;
+}
+export default useBreakpoint;