const { id } = useParams();
  const [detailData, setDetailData] = useState({});
  useEffect(() => {
    const q = query(collection(db, "movie"));
    onSnapshot(q, (querySnapshot) => {
      querySnapshot.docs.map((doc) => {
        if (doc.exists) {
           setDetailData(doc.data());
        } else {
          console.log("no doc");
        }
      })
      .catch((error) => {
        console.log("Error:", error);`enter code here`
      });
    });
  }, [id]);

how can i pass id of document in this code tried lots of tutorials and official documentation also .