handle current page width in react

export const htmlToString = (html) => html.replace(/<\/?[^>]+(>|$)/g, "");

export const kFormatter = (num) =>
 num > 999 ? `${(num / 1000).toFixed(1)}k` : num;

const isToday = (date) => {
  const today = new Date();
  return (
    date.getDate() === today.getDate() &&
    date.getMonth() === today.getMonth() &&
    date.getFullYear() === today.getFullYear()
  );
};

function fixNumber(number) {
        if (number >= 0 && number < 10)
            return `0${number}`
        return number;
    }

    function minuteToHour(minute) {
        let hour = Math.floor(minute / 60);
        minute = minute - hour * 60;
        return `${fixNumber(hour)}:${fixNumber(minute)}`;
    }

console.log(minuteToHour(120)) // for test

const [width, setWidth] = useState<any>(getWindowSize().innerWidth);

function getWindowSize() {
    const {innerWidth, innerHeight} = window;
    return {innerWidth, innerHeight};
}

useEffect(() => {
    function handleWindowResize() {
      setWidth(getWindowSize().innerWidth);
    }

    window.addEventListener('resize', handleWindowResize);

    return () => {
      window.removeEventListener('resize', handleWindowResize);
    };
}, []);

const date = new Date()
const year = date.getFullYear()
const month = date.getMonth() + 1
const day = date.getDate()

// return [year, month, day]
export function dateConverter(year, month, day) {
    var g_d_m, jy, jm, jd, gy2, days;
    g_d_m = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334];
    gy2 = (month > 2) ? (year + 1) : year;
    days = 355666 + (365 * year) + ~~((gy2 + 3) / 4) - ~~((gy2 + 99) / 100) + ~~((gy2 + 399) / 400) + day + g_d_m[month - 1];
    jy = -1595 + (33 * ~~(days / 12053));
    days %= 12053;
    jy += 4 * ~~(days / 1461);
    days %= 1461;
    if (days > 365) {
      jy += ~~((days - 1) / 365);
      days = (days - 1) % 365;
    }
    if (days < 186) {
      jm = 1 + ~~(days / 31);
      jd = 1 + (days % 31);
    } else {
      jm = 7 + ~~((days - 186) / 30);
      jd = 1 + ((days - 186) % 30);
    }
  return [jy, jm, jd];
}