summaryrefslogtreecommitdiff
path: root/src/core/components/elements/DelayRender/DelayRender.js
blob: c0ff0fc060f9ecfea3916b3b1dd0c9d498d78eb9 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
const { useState, useEffect } = require('react')

const DelayRender = ({ delay, children }) => {
  const [showComponent, setShowComponent] = useState(false)

  useEffect(() => {
    const timeout = setTimeout(() => {
      setShowComponent(true)
    }, delay)

    return () => clearTimeout(timeout)
  }, [delay])

  return showComponent && children
}

export default DelayRender