Channelsettingchange.js

import { useParams } from "react-router";
import Createchannel from "./Createchannel";
import Deletechannel from "./Deletechannel";

const Channelsettingchange = (props) => {
  const { roomId } = useParams();
  console.log(props);
  console.log(roomId);
  return (
    <div>
      <button
        type="submit"
        data-bs-toggle="modal"
        data-bs-target="#changechannel"
        style={{
          weight: "100px",
          height: "60px",
          backgroundColor: "#f5cfe3",
          borderRadius: "5px",
          color: "black",
          border: "1px #f5cfe3",
        }}
      >
        채널 설정 변경{/* 방 설정 변경으로 바꾸기 */}
      </button>

      <div
        className="modal fade"
        id="changechannel"
        tabIndex="-1"
        aria-labelledby="changechannelsettingLabel"
        aria-hidden="true"
      >
        <div className="modal-dialog">
          <div className="modal-content">
            <div className="modal-header">
              <div className="modal-title" id="changechannelsetting">
                채널 설정 변경
              </div>
              {/* <Createchannel />
              <Deletechannel /> */}
              <button
                type="button"
                className="btn-close"
                data-bs-dismiss="modal"
                aria-label="Close"
              ></button>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

export default Channelsettingchange;