azazdeaz / azazdeaz/react-gsap-enhancer
Animating Reactstrap components
- Dominant language
- JavaScript
- Stars
- 730
- Forks
- 37
- PR merge metrics
- No merged PRs in 30d
Description
Hey,
Thanks for an awesome package azazdeaz!
Reading your answers in here https://github.com/azazdeaz/react-gsap-enhancer/issues/3, is it then true that I cannot use & animate e.g. Reactstrap components (like Card) with react-gsap-enhancer?
Meaning, you can ONLY apply the package on primitive tags like divs and spans etc(?)
I'm getting a bunch of
```
Warning: Stateless function components cannot be given refs. Attempts to access this ref will fail.
Check the render method of 'GSAP(Box)'.
in Card (at Box.js:32)
in div (at Box.js:31)
in GSAP(Box) (at index.js:10)
```
..when doing:
```
render() {
return (
{this.props.name}
);
}
export default GSAP()(Box);
```
Guess it will work anyway being only warnings and all though..
Contributor guide
Research direction
Start by reading Box.js around the render method and index.js where GSAP(Box) is exported, then review the referenced issue 3. Reproduce the warning with the Reactstrap Card example; done means the project’s compatibility with this component and the expected warning behavior are clearly established.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100