FortAwesome / react-fontawesome

Font Awesome React component
https://fontawesome.com
MIT License
3.67k stars 264 forks source link

v6 is not supported? #483

Closed AliMamed closed 2 years ago

AliMamed commented 2 years ago

Describe the bug

  1. Adding animation props to FontAwesomeIcon component throws warnings.
    • according to documentation I should do it like that <FontAwesomeIcon icon="cog" beat /> it gives out:
      
      Warning: Received `true` for a non-boolean attribute `beat`.

If you want to write it to the DOM, pass a string instead: beat="true" or beat={value.toString()}.

- passing a string instead doesn't help `<FontAwesomeIcon icon="cog" beat="true" />` gives out:

Warning: Failed prop type: Invalid prop beat of type string supplied to FontAwesomeIcon, expected boolean.


2. `beat-fade` and `shake` props are not working

**Reproducible test case**
[codesandbox.io that demonstrates the problem.](https://codesandbox.io/s/jovial-hooks-hm9sj8?file=/src/App.js)

**Expected behavior**
v6 animations props should work and shouldn't expose warnings.

**Desktop (please complete the following information):**

- Browser: Chrome 98.0.4758.102, Safari 15.3
- react-fontawesome Version: 0.1.17