From 965da999ed66ed939dcb19e5271f579048673b01 Mon Sep 17 00:00:00 2001
From: rajat693 <rajatchaudhary.rc693@gmail.com>
Date: Tue, 17 Sep 2024 18:39:04 +0530
Subject: [PATCH] fix: docs for use-media-query hooks manual installation step

---
 .../src/hooks/useMediaQuery/index.nw.stories.mdx  | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/example/storybook-nativewind/src/hooks/useMediaQuery/index.nw.stories.mdx b/example/storybook-nativewind/src/hooks/useMediaQuery/index.nw.stories.mdx
index d6885447f..93a1ad843 100644
--- a/example/storybook-nativewind/src/hooks/useMediaQuery/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/hooks/useMediaQuery/index.nw.stories.mdx
@@ -154,17 +154,26 @@ import Wrapper from '../../core-components/nativewind/Wrapper';
 <>
 
 
-### Step 1: Copy and paste the following code into your project.
+### Step 1: Copy and paste the following code into index.ts in your project.
 
 <CollapsibleCode>
 
 ```jsx 
-%%-- File: core-components/ui/utils/use-media-query.ts --%% 
+%%-- File: core-components/hooks/use-media-query/index.ts --%% 
 ```
+</CollapsibleCode>
+
+> Note: **Step 2 is for web only**
+
+### Step 2: Copy and paste the following code into index.web.ts in your project.
+<CollapsibleCode>
 
+```jsx 
+%%-- File: core-components/hooks/use-media-query/index.web.ts --%% 
+```
 </CollapsibleCode>
 
-### Step 2: Update the import paths to match your project setup.
+### Step 3: Update the import paths to match your project setup.
 </>
     </Tabs.TabPanel>
   </Tabs.TabPanels>