fix complete challenge animation

Author: CollinBeczak

src/components/CongratulateModal/CongratulateModal.jsx

@@ -1,11 +1,18 @@
 import { Component } from "react";
-import Confetti from "react-dom-confetti";
+import ConfettiModule from "react-dom-confetti";
 import { FormattedMessage } from "react-intl";
 import Modal from "../Modal/Modal";
 import SvgSymbol from "../SvgSymbol/SvgSymbol";
 import messages from "./Messages";
 import "./CongratulateModal.scss";
 
+// react-dom-confetti is Babel-era CJS: `exports.default = Confetti` alongside an
+// `__esModule` marker. Vite's dep optimizer doesn't pick up on that marker and
+// emits `export default require_confetti()`, so a default import receives the
+// whole module object rather than the component. Unwrap it here; the fallback
+// covers bundlers that do honor the marker and hand back the class directly.
+const Confetti = ConfettiModule?.default ?? ConfettiModule;
+
 /**
  * CongratulateModal presents a celebratory modal that displays a
  * congratulatory message along with a confetti cannon visual effect