;
+
return (
- {children}>),
+ }
+ }
// eslint-disable-next-line react/jsx-no-bind
ref={onRef}
- // eslint-disable-next-line react/no-danger
- dangerouslySetInnerHTML={{
- // eslint-disable-next-line @typescript-eslint/naming-convention
- __html: renderToString(children),
- }}
/>
);
},
diff --git a/packages/react-animation/src/useAnimation/useAnimation.mdx b/packages/react-animation/src/useAnimation/useAnimation.mdx
index 739aa62..f4906be 100644
--- a/packages/react-animation/src/useAnimation/useAnimation.mdx
+++ b/packages/react-animation/src/useAnimation/useAnimation.mdx
@@ -1,6 +1,5 @@
-import { Meta } from '@storybook/blocks';
-import { Canvas } from './../../.storybook/Canvas';
-import { Tween, Timeline, OnAction } from './useAnimation.stories';
+import { Meta, Canvas } from '@storybook/blocks';
+import * as stories from './useAnimation.stories';
@@ -39,9 +38,7 @@ function Component(): null {
You can create a GSAP timeline in the `useAnimation` hooks callback function.
-
+
```tsx
function Timeline(): ReactElement {
@@ -103,9 +100,7 @@ function Timeline(): ReactElement {
You can create a GSAP tween in the `useAnimation` hooks callback function.
-
+
```tsx
function Tween(): ReactElement {
@@ -142,9 +137,7 @@ function Tween(): ReactElement {
The `useAnimation` hooks returns the animation instance, this can be used to control the animation.
Make sure to pause the animation if you don't want it to start on mount.
-
+
```tsx
function OnAction(): ReactElement {
diff --git a/packages/react-animation/src/useScrollAnimation/useScrollAnimation.mdx b/packages/react-animation/src/useScrollAnimation/useScrollAnimation.mdx
index 094f05b..6b94572 100644
--- a/packages/react-animation/src/useScrollAnimation/useScrollAnimation.mdx
+++ b/packages/react-animation/src/useScrollAnimation/useScrollAnimation.mdx
@@ -1,6 +1,5 @@
-import { Meta } from '@storybook/blocks';
-import { Canvas } from './../../.storybook/Canvas';
-import { UseScrollAnimation } from './useScrollAnimation.stories';
+import { Meta, Canvas } from '@storybook/blocks';
+import * as stories from './useScrollAnimation.stories';
@@ -64,6 +63,4 @@ function ScrollAnimation(): ReactElement {
Keep scrolling to see the animation.
-
+
diff --git a/packages/react-transition-presence/src/TransitionPresence/TransitionPresence.mdx b/packages/react-transition-presence/src/TransitionPresence/TransitionPresence.mdx
index 3b03e58..16ac544 100644
--- a/packages/react-transition-presence/src/TransitionPresence/TransitionPresence.mdx
+++ b/packages/react-transition-presence/src/TransitionPresence/TransitionPresence.mdx
@@ -1,4 +1,4 @@
-import { Meta, Canvas, Controls } from '@storybook/blocks';
+import { Meta, Canvas } from '@storybook/blocks';
import * as stories from './TransitionPresence.stories';