I want that if a user click on the marked image than reels start playing on other page

I want that if a user click on the marked image than reels start playing on other page for eg YouTube shorts so i first added a on click on the image and imported app.js file from the reels folder but it is not working so is their any way to do that pls if you are not sure about how to do that at least try if you didn't work no problem we will get a way that didn't work. just try! i am not a very good programmer image

import { Header } from "../../features/theme/Header";
import styles from "./Home.module.css";
import { useAppSelector } from "../../app/hooks";
import { Feed } from "../../features";


export function Home(): JSX.Element {
  const { currentUserImage } = useAppSelector((state) => state.currentUser);

  return (
    <div className={styles.home}>
      <Header page="Home" />
      <div className={styles.tweetField}>
        <div className={styles.userAvatar}>
          <img src={currentUserImage} alt="" />
          <h1>Mowe</h1>
        </div>
        <div className={styles.userAvatar}>
          <img src={currentUserImage} alt="" />
          <h1>Haewae</h1>
        </div>
        <div className={styles.userAvatar}>
          <img src={currentUserImage} alt="" onClick={reels}/>
          <h1>‎ ‎ ‎  Lveewe</h1>
        </div>
        <div className={styles.userAvatar}>
          <img src={currentUserImage} alt=""/>
          <h1>gy</h1>
        </div>
        <div>

          <div>
          </div>
        </div>
      </div>
      <Feed />
    </div>
  );

}