main 🧊 fix code in target page

Author: debabin

packages/docs/app/target.md

@@ -6,7 +6,7 @@ Many `React` libraries that work with DOM elements typically support only one wa
 
 ```typescript
 const ref = useRef<HTMLDivElement>(null);
-useClickOutside(ref, () => console.log("Clicked outside"));
+useClickOutside(ref, () => console.log('Clicked outside'));
 ```
 
 This limitation forces developers to always create refs by themselves, even in cases where they might have not want to create additional refs or want to use different selection methods, like `querySelector`.
@@ -18,28 +18,29 @@ Our library implements a flexible approach using `typescript` function overloads
 1. By passing an **existing** target _(ref, DOM element, function that returns a DOM element, or selector)_
 
 ```typescript
-// or
-import { target } from "@siberiacancode/reactuse";
-
 const ref = useRef<HTMLDivElement>(null);
-useClickOutside(ref, () => console.log("Clicked outside"));
+useClickOutside(ref, () => console.log('Clicked outside'));
+```
+
+or you can use [target](#the-target-function) function
 
-useClickOutside(target("#container"), () => console.log("Clicked outside"));
+```typescript
+import { target } from '@siberiacancode/reactuse';
+
+useClickOutside(target('#container'), () => console.log('Clicked outside'));
 ```
 
 2. By receiving a ref callback that can be attached to an element
 
 ```typescript
-const ref = useClickOutside<HTMLDivElement>(() =>
-  console.log("Clicked outside")
-);
+const ref = useClickOutside<HTMLDivElement>(() => console.log('Clicked outside'));
 ```
 
 This dual approach provides better developer experience and more flexibility in different use cases.
 
-## The target method
+## The target function
 
-The **target** method is a utility function that helps you work with DOM elements in a flexible way. It allows you to reference DOM elements using different approaches:
+The **target** function is a utility function that helps you work with DOM elements in a flexible way. It allows you to reference DOM elements using different approaches:
 
 - React refs _(RefObject)_
 - Direct DOM elements _(Element)_
@@ -49,13 +50,13 @@ The **target** method is a utility function that helps you work with DOM element
 The flexibility of `target` means you can use our hooks like you want.
 
 ```typescript
-import { target } from "@siberiacancode/reactuse";
+import { target } from '@siberiacancode/reactuse';
 
-useClickOutside(target("#container"), () => console.log("Clicked outside"));
+useClickOutside(target('#container'), () => console.log('Clicked outside'));
 
 // or
 
-useClickOutside(target(document.getElementById("#container")), () =>
-  console.log("Clicked outside")
+useClickOutside(target(document.getElementById('#container')), () =>
+  console.log('Clicked outside')
 );
 ```

packages/docs/eslint.config.mjs

@@ -11,8 +11,7 @@ export default eslint(
     name: 'siberiacancode/reactuse/md',
     files: ['**/*.md'],
     rules: {
-      'style/max-len': 'off',
-      'react-hooks/rules-of-hooks': 'off'
+      'style/max-len': 'off'
     }
   },
   {