✨ feat(fluentemoji): Add dependency and create fallback variable

- Add "emoji" variable to useEffect dependency array
- Create "isFallback" variable using useMemo hook
- Use "isFallback" in if statement for component return value

This commit introduces new features to the "FluentEmoji" component. The "emoji" variable is added to the dependency array in the useEffect hook, ensuring that the effect is triggered when the "emoji" value changes. Additionally, a new variable "isFallback" is created using the useMemo hook, which helps determine if the component is in a fallback state. This variable is then used in an if statement to determine the return value of the component.

Author: canisminor1990

src/FluentEmoji/index.tsx

@@ -58,9 +58,11 @@ const FluentEmoji = memo<FluentEmojiProps>(
           });
         }
       }
-    }, [type]);
+    }, [type, emoji]);
 
-    if (type === 'pure' || !emojiUrl || loadingFail)
+    const isFallback = useMemo(() => type === 'pure' || !emojiUrl || loadingFail, []);
+
+    if (isFallback)
       return (
         <div
           className={cx(styles.container, className)}