livemehere

const _grid: T[][] = Array(cols).fill([]); // X (Each index value has same memory address)

const _grid: T[][] = Array.from({ length: cols }, () => []); // OK
const _grid: T[][] = Array(cols).fill(undefined).map(() => []); // OK

livemehere

p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

livemehere

import { useEffect } from 'react';

const useScrollWatcher = () => {
    useEffect(() => {
        let timer: number;
        const handler = (e: Event) => {
            timer && clearTimeout(timer);
            document.body.classList.add('scrollShow');
            timer = window.setTimeout(() => {
                document.body.classList.remove('scrollShow');

livemehere

import { RefObject, useEffect, useState } from 'react';

const useDetectTextLine = (target: RefObject<HTMLElement>) => {
    const [line, setLine] = useState<number>();
    useEffect(() => {
        const el = target.current;
        if (!el) return;

        const observer = new ResizeObserver((entries) => {
            entries.forEach((entry) => {

livemehere

html,
body,
#root {
  width: 100%;
  height: 100%;
}

* {
  &::-webkit-scrollbar {
    width: 12px;

livemehere

* {
  &::-webkit-scrollbar {
    width: 12px;
    background:red;
  }

  &::-webkit-scrollbar-thumb {
    background:blue;
    border-radius: 18px;
    border: 2px solid transparent;

livemehere

import { create } from "zustand";
import { createJSONStorage, devtools, persist } from "zustand/middleware";
import { immer } from "zustand/middleware/immer";

type State = {
  lastAccessTime: number;
};

type Actions = {
  setLastAccessTime: (timestamp: number) => void;

livemehere

import { create } from "zustand";
import { devtools } from "zustand/middleware";
import { immer } from "zustand/middleware/immer";

type State = {
  isDarkMode: boolean;
};

type Actions = {
  toggleDarkMode: () => void;

livemehere

  const getScrollbarWidth = () => {
    // Creating invisible container
    const outer = document.createElement("div");
    outer.style.visibility = "hidden";
    outer.style.overflow = "scroll"; // forcing scrollbar to appear
    document.body.appendChild(outer);

    // Creating inner element and placing it in the container
 const inner = document.createElement("div");

livemehere

🌞 Morning   106 commits  █▋░░░░░░░░░░░░░░░░░░░   8.1%
🌆 Daytime   350 commits  █████▌░░░░░░░░░░░░░░░  26.8%
🌃 Evening   393 commits  ██████▎░░░░░░░░░░░░░░  30.0%
🌙 Night     459 commits  ███████▎░░░░░░░░░░░░░  35.1%