4466ba436b
## Description This PR ensures that the default prettier config is used for examples and templates. This config is compatible with `prettier@3` as well (upgrading prettier is bigger change that can be a future PR). ## Changes - Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will be needed upgrading to prettier@3) - Added `examples/.prettierrc.json` with default config (this will change every example) - Added `packages/create-next-app/templates/.prettierrc.json` with default config (this will change every template) ## Related - Fixes #54402 - Closes #54409
36 lines
778 B
TypeScript
36 lines
778 B
TypeScript
import { useEffect, useRef } from "react";
|
|
import { gsap } from "gsap";
|
|
|
|
export default function Content() {
|
|
let line1 = useRef(null);
|
|
|
|
useEffect(() => {
|
|
gsap.from([line1.current], 0.6, {
|
|
delay: 0.9,
|
|
ease: "power3.out",
|
|
y: 24,
|
|
stagger: {
|
|
amount: 0.15,
|
|
},
|
|
});
|
|
}, [line1]);
|
|
|
|
return (
|
|
<p ref={line1} className="line">
|
|
A Simple example using{" "}
|
|
<a
|
|
href="https://greensock.com/gsap/"
|
|
style={{ fontWeight: "bold", textDecoration: "none" }}
|
|
>
|
|
GSAP
|
|
</a>{" "}
|
|
&{" "}
|
|
<a
|
|
href="https://www.npmjs.com/package/react-transition-group"
|
|
style={{ fontWeight: "bold", textDecoration: "none" }}
|
|
>
|
|
react-transition-group
|
|
</a>
|
|
</p>
|
|
);
|
|
}
|