Trying to resolve issue with Invalid hook call being triggered from u…

…se-font-face-observer, v1.3.2
scottcanoni · Jan 25, 2023 · c9c1aaa · c9c1aaa
1 parent 42333c2
commit c9c1aaa
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "react-anagram-animation",
-    "version": "1.3.1",
+    "version": "1.3.2",
     "author": "Scott Canoni",
     "description": "A React component to use CSS animations to swap letters in 2 words which are an anagram of each other.  The text is animated in position after calculating initial and final positions of each letter.",
     "license": "WTFPL",

diff --git a/src/lib/components/index.jsx b/src/lib/components/index.jsx
@@ -21,12 +21,10 @@ import './index.css';
  * @returns {JSX.Element|null}
  */
 export default function Loader ({ words = DEFAULT_WORDS, animationOptions = {}, fontToObserve }) {
-    const animOptions = {
-        ...DEFAULT_ANIMATION_OPTIONS,
-        ...animationOptions,
-    };
-
     const isFontLoaded = useFontFaceObserver(fontToObserve ? [fontToObserve] : []);
 
-    return isFontLoaded ? <Anagram words={words} animationOptions={animOptions} /> : null;
+    return isFontLoaded ? <Anagram words={words} animationOptions={{
+        ...DEFAULT_ANIMATION_OPTIONS,
+        ...animationOptions,
+    }} /> : null;
 }