mylingo3d/src/states/useFirstLoad.ts

Lingo3D is a React/Vue 3d game development framework that ships with a complete visual editor

import store from "@lincode/reactivity"
import { debounce } from "@lincode/utils"
import { getLoadingCount } from "./useLoadingCount"

export const [setFirstLoad, getFirstLoad] = store(false)

const handle = getLoadingCount(
    debounce(
        (loadingCount: number) => {
            if (loadingCount) return
            handle.cancel()
            setFirstLoad(true)
        },
        100,
        "trailing"
    )
)