Rich text does not render

I created a simple text slice with only test there.

But I did not see any rich text style in the slice machine and also the page.

How to find the cause?

Here is my code for the slice

/**

  • @typedef {import("@prismicio/client").Content.TextParagraphSlice} TextParagraphSlice
  • @typedef {import("@prismicio/react").SliceComponentProps} TextParagraphProps
  • @param {TextParagraphProps}
    */
    import { PrismicRichText } from '@prismicio/react'

const TextParagraph = ({ slice }) => {
return (

  <div>
    <PrismicRichText field={slice.primary.text} />
  </div>


</section>

);
};

export default TextParagraph;

Hey @zhou.wenbin.x2,

You’ll need to handle the styles for the slice component in your project code. For reference, you can see an example by running a new Next.js project with a new repository; the default slices are styled using Tailwind CSS: https://tailwindcss.com/.

Option 1:

  1. Install the Tailwind Typography Plugin.
  2. use this code:
<div class="prose">
    <PrismicRichText field= ... />
</div>

Option 2: Use PrismicText

<h1 class="text-4xl text-slate-500">
  <PrismicText field=... />
</h1>