refactor(react-components): reduce JSON.parse()

This patch uses fontFaces.map() to reduce JSON.parse().

packages/react-components/src/hook/use-font-face-observer.js

@@ -3,16 +3,14 @@ import FontFaceObserver from 'fontfaceobserver-es'
 
 const useFontFaceObserver = (fontFaces = [], callback) => {
   const [isResolved, setIsResolved] = useState(false)
-  const fontFacesString = JSON.stringify(fontFaces)
 
   useEffect(() => {
-    const promises = JSON.parse(fontFacesString).map(
-      ({ family, weight, style, stretch }) =>
-        new FontFaceObserver(family, {
-          weight,
-          style,
-          stretch,
-        }).load('測試文字')
+    const promises = fontFaces.map(({ family, weight, style, stretch }) =>
+      new FontFaceObserver(family, {
+        weight,
+        style,
+        stretch,
+      }).load('測試文字')
     )
 
     Promise.all(promises)
@@ -28,7 +26,7 @@ const useFontFaceObserver = (fontFaces = [], callback) => {
         console.error(`An error occurred during font loading`)
         console.log(e)
       })
-  }, [fontFacesString, callback])
+  }, [fontFaces, callback])
 
   return isResolved
 }