chore: readme

lodev09 · Apr 8, 2024 · 5a52e71 · 5a52e71
1 parent 233da27
commit 5a52e71
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -237,19 +237,24 @@ If you pass a functional `Component` to the `FooterComponent` prop, it may cause
 
 Alaternatively, you can wrap the component using the [`useCallback`](https://react.dev/reference/react/useCallback) hook.
 
-Example:
 ```ts
 // Bad ❌
 <TrueSheet FooterComponent={() => <View />}>
   // ...
 </TrueSheet>
+```
 
+```ts
 // Good ✅
 const MyFooter = useCallback(() => <View />, [])
-<TrueSheet FooterComponent={MyFooter}>
-  // ...
-</TrueSheet>
+return (
+  <TrueSheet FooterComponent={MyFooter}>
+    // ...
+  </TrueSheet>
+)
+```
 
+```ts
 // Better ✅
 <TrueSheet FooterComponent={<View />}>
   // ...