Improve useIsMountedState and useIsMounted examples

mediamonks · Apr 4, 2023 · eae00dc · eae00dc
1 parent a5b7da0
commit eae00dc
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/hooks/useIsMounted/useIsMounted.stories.mdx b/src/hooks/useIsMounted/useIsMounted.stories.mdx
@@ -88,8 +88,7 @@ function DemoComponent() {
 Use in `useEffect` cleanup, for some very specific scenarios.
 
 ```tsx
-import { useEffect } from 'react';
-function DemoComponent() {
+function DemoComponent({ someChangingValue }) {
   const isMounted = useIsMounted();
 
   useEffect(() => {

diff --git a/src/hooks/useIsMountedState/useIsMountedState.stories.mdx b/src/hooks/useIsMountedState/useIsMountedState.stories.mdx
@@ -44,7 +44,9 @@ console.log(isMounted); // false
 Trigger a re-render after the component is mounted to update the state.
 
 ```tsx
-function DemoComponent() {
+import {somethingSameAsServer, somethingCustomOnTheClient} from './somewhere.js';
+
+function DemoComponent({ otherItems }) {
   const isMounted = useIsMountedState();
 
   // help with SSR, since `isMounted` is part of the deps,