fix: only trigger confetti when watching live

src/hooks/usePreviousValue.ts

@@ -0,0 +1,20 @@
+import { useEffect, useRef } from "react";
+
+/**
+ * On each render returns the previous value of the given variable/constant.
+ */
+const usePreviousValue = <TValue>(value?: TValue): TValue | undefined => {
+  const prevValue = useRef<TValue>();
+
+  useEffect(() => {
+    prevValue.current = value;
+
+    return () => {
+      prevValue.current = undefined;
+    };
+  });
+
+  return prevValue.current;
+};
+
+export default usePreviousValue;