Как удалить стиль @base из Tailwind для одного компонента в ReactJS? ⇐ CSS

[Anonymous]

Я пытаюсь визуализировать элементы, созданные в сообщении, с помощью Draft-js. Это сырой HTML. До сих пор я мог сделать это только с помощью iframe; однако это выглядит не очень хорошо, и использование опасноSetInnerHTML не дает правильного результата, поскольку в нем используются стили из @base Tailwind. Таким образом, h1, h2 и многие другие теги не имеют стиля по умолчанию.
Есть ли способ удалить стиль @base попутного ветра из одного компонента, тега и т. д.? р>
import { Helmet } from "react-helmet";
import { PageContainer } from "../../components/ui/page-container";
import { useSelector } from "react-redux";
import { RootState } from "../../redux/store";
import { useEffect } from "react";
import { useParams } from "react-router-dom";
import api from "../../api/requests";
import { toast } from "react-toastify";
import { useDispatch } from "react-redux";
import { setPost } from "../../redux/slices/post-slice";

export default function PostPage() {
const post = useSelector((state: RootState) => state.post.data);
const params = useParams();
const dispatch = useDispatch();

useEffect(() => {
if (!Object.keys(post).length && params.postNameId && params.blogNameId) {
handleGetPostDataFromBlog({ postNameId: params.postNameId, blogNameId: params.blogNameId });
}
}, [post]);

async function handleGetPostDataFromBlog({
postNameId,
blogNameId,
}: {
postNameId: string;
blogNameId: string;
}) {
const response = await api.getPostFromBlog({ postNameId, blogNameId });

if (response.error) {
return toast.error(response.message);
}

dispatch(setPost(response.data));
}

return (


{post.title || ""}



{post.title}

{post.summary}

{/* */}

By {post.author}

{/* Comments */}

);
}


Подробнее здесь: https://stackoverflow.com/questions/784 ... in-reactjs