azazdeaz / azazdeaz/react-gsap-enhancer

Animating Reactstrap components

Open
#45 3 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.