fixed blog link on home main

src/component/HomeMain/Story/Main.js

@@ -32,7 +32,8 @@ const Main = () => {
                     <h2>Read latest <span>story</span></h2>
                 </div>
                 <div className="row">
-                {blogData.slice(1, 4).map((item, index) => (
+                  
+                {blogData.slice(1, 4).map((data, index) => (
               <div
                 className="col-md-4"
                 key={index}>
@@ -42,18 +43,21 @@ const Main = () => {
                   data-aos-duration="1500">
                   <div className="story_img">
                     <img
-                      src={item.meta_value}
+                      src={data.meta_value}
                       alt="image"
                     />
-                    <span>{new Date(item.post_date).toDateString()}</span>
+                    <span>{new Date(data.post_date).toDateString()}</span>
                   </div>
                   <div className="story_text">
-                    <h3>{item.post_title}</h3>
+                    <h3>{data.post_title}</h3>
                     <div
                       dangerouslySetInnerHTML={{
-                        __html: item.post_content.substring(0, 100) + "  . . .",
+                        __html: data.post_content.substring(0, 100) + "  . . .",
                       }}></div>
-                    <Link to={`/blogdetails/${item.id}`}>READ MORE</Link>
+                      <Link to={`/blogdetails/${data.id}`} state={{data, allData: blogData}}>
+                                 READ MORE
+                            </Link>
+                    {/* <Link to={`/blogdetails/${item.id}`}>READ MORE</Link> */}
                   </div>
                 </div>
               </div>