update docs

README.md

@@ -16,6 +16,7 @@
 
 - [Getting Started](#getting-started)
 - [Usage example](#usage-example)
+  - [Hello World](#hello-world)
   - [Example with react-query](#example-with-react-query)
   - [Clock](#clock)
 
@@ -37,6 +38,28 @@ yarn add react-with-hoc
 
 ## Usage example
 
+### Hello World
+
+```tsx
+import { withDefault, withOverride, withHocs } from "react-with-hoc";
+
+export const Hello = (() => {
+  function Hello({ name }: { name: string }) {
+    return <div>Hello {name}!</div>;
+  }
+
+  return withHocs([withDefault({ name: "World" })])(Hello);
+})();
+
+// <Hello /> is equivalent to <div>Hello World!</div>
+// <Hello name="You" /> is equivalent to <div>Hello You!</div>
+
+export const HelloYou = withOverride("name", "You")(Hello);
+
+// <HelloYou /> is equivalent to <div>Hello You!</div>
+// <HelloYou name="..." /> is typescript error ❌
+```
+
 ### Example with react-query
 
 Lets suppose you have the following code and then you need a query inside your App component
@@ -84,6 +107,29 @@ export default withWrapper(
 // export default withWrapper(MyQueryClientProvider)(App);
 ```
 
+Using [IIFE](https://developer.mozilla.org/pt-BR/docs/Glossary/IIFE)
+
+```tsx
+import { withWrapper, withOverride, withHocs } from "react-with-hoc";
+
+const queryClient = new QueryClient();
+
+const App = (() => {
+  function App() {
+    // ✅
+    const query = useQuery({...});
+
+    return <>...</>;
+  }
+
+  return withHocs([
+    withWrapper(withOverride({ client: queryClient })(QueryClientProvider)),
+  ])(App);
+})();
+
+export default App;
+```
+
 ### Clock
 
 - [Demo](https://leobastiani.github.io/react-with-hoc/example/)

src/hocs/withHocs.tsx

@@ -19,8 +19,12 @@ type WithHocsFlat<
  * Apply multiple hocs
  *
  *  @example
- * const NewComponent = withHocs([withWrapper(...), withWrapper(...)])(MyComponent)
- * <NewComponent ... />
+ * const NewComponent = withHocs([withWrapper(A), withWrapper(B)])(MyComponent)
+ * <A>
+ *   <B>
+ *     <NewComponent ... />
+ *   </B>
+ * </A>
  *
  * @example
  * const MyComponent = (() => {