firebae 데이터삭제하기

import { deleteDoc, doc } from "firebase/firestore";
import React from "react";
import { dbService } from "./firebase";

const Nweett = ({ nweetObj, isOwner }) => {
  const onDeleteClick = async () => {
    const nweetTextRef = doc(dbService, "nweets", `${nweetObj.id}`); // 우선 nweetTextRef 변수에다가 nweet의 id를 담아줌
    const ok = window.confirm("are you sure 삭제?");
    if (ok) {
      await deleteDoc(nweetTextRef); // deleteDoc을 이용해서 지워버림
    }
  };
  return (
    <div>
      <h4>{nweetObj.text} </h4>

      {isOwner && (
        <>
          <button>edit</button>
          <button onClick={onDeleteClick}>delete</button>
        </>
      )}
    </div>
  );
};

export default Nweett;