use-screen-details/dist/useScreenSize.js

React hook to get details of the screen

import { useMemo as o, useSyncExternalStore as u } from "react";
const f = {};
function S(n) {
  const i = o(() => Object.entries(n).sort((t, r) => t[1] - r[1]), [n]);
  return u((e) => (window.addEventListener("resize", e), () => window.removeEventListener("resize", e)), () => {
    const e = window.innerWidth;
    let t = "";
    for (const [r, s] of i)
      e >= s && (t = r);
    return t;
  });
}
export {
  f as defaultBreakPoints,
  S as useScreenSize
};