استفاده از تگ های html داخل ایتم های دراپ دون منو

سلام استاد خدا قوت 

من می خوام توی دراپ دان منو از تگ های html استفاده کنم از این  interweave کتابخانه استفاده کردم ولی موقعی که به روز میشه یا این طور بگم اون ایتم انتخاب میشه تگ html  رو نمیخونه 

const [value, setValue] = useState("");
  const [text, setText] = useState("");
  const [open, setOpen] = useState(false);
  const [data, setData] = useState({});
  const [description, setDescription] = useState();
  const [openDropdown, setOpenDropdown] = useState(false);
  const [price, setPrice] = useState(0);
  const [discount_price, setDiscountPrice] = useState(0);

const onChnagePackages = (event, value, description,price,discount_price) => {
    setValue(value);
    setText(event.target.innerText);
    console.debug(value,"setText(event.target.innerText);")
    setPrice(price)
    setDiscountPrice(discount_price)
    setOpenDropdown(false);
    setDescription(description);
	  console.debug(event.target, value, description,"event, value, description")

  };

<div className={classes.BDPackages}>
          <div>مبلغ قابل پرداخت: {discount_price > 0 && discount_price != price ? <Markup content={`<del style="font-family:num">${price}</del> <span style="font-family:num">${discount_price} تومان</span>`}/> : <Markup content={`<span style="font-family:num">${price} تومان</span>`}/>}</div>
          <div
            onClick={() => setOpenDropdown(!openDropdown)}
            className={classes.DropdownDetails}
          >
            <p> {text !== `خرید تک جلسه - ${numberWithCommas(price)} تومان` ? text : "انتخاب کنید"} </p>
            <FaAngleDown />
          </div>
          {openDropdown && !isEmpty(data?.packages) && (
            <div className={classes.DropdownOption}>
              {data?.session_active === "1" && (
                <p
                  onClick={(event) =>{
                   console.debug(data,"data in dropdown")
                    onChnagePackages(event, data.course_id, data?.bio,data?.price,data?.discount_price)
                  }}
                >
               
                خرید تک جلسه - {numberWithCommas(data?.price)} تومان
                </p>
              )}

              {data?.packages?.map((pkg) => (
                <p
                  onClick={(event) =>
                    onChnagePackages(event, pkg?.course_id, pkg?.bio,pkg?.price,pkg?.discount_price)
                  }
                  key={Math.random()}
                >
                
                  دوره {pkg.sessions} جلسه در {pkg.duration} روز -{" "}
                  {numberWithCommas(pkg.price)} تومان

	                </p>
              ))}
            </div>
          )}
        </div>