first commit

src/lib/CounterUpCom.js

@@ -0,0 +1,22 @@
+import React, { useEffect, useState } from 'react';
+import CountUp from 'react-countup';
+
+function CounterUpCom({ endValue = 0, sectionSelect }) {
+    const [showCount, setShowCountValue] = useState(false);
+    useEffect(() => {
+        const rec = document.getElementById(sectionSelect);
+        if (rec) {
+            const currentPosition = rec.offsetTop - document.body.scrollTop;
+            window.addEventListener('scroll', () => {
+                const currentScrollPosition =
+                    window.pageYOffset || document.documentElement.scrollTop;
+                if (currentScrollPosition + 500 > currentPosition) {
+                    setShowCountValue(true);
+                }
+            });
+        }
+    }, [sectionSelect, showCount]);
+    return <>{showCount ? <CountUp delay={0} duration={3} end={endValue} /> : 0}</>;
+}
+
+export default CounterUpCom;