PrismicRichText Not working with filed !

[HaribolGM]

If you trying to run this code down below it's working but in the code as PrismicRichText attributre is not working with filed

const Biography = ({ slice }: BiographyProps): JSX.Element => {
return (

{slice.primary.heading}

    <div className="prose prose-xl prose-slate prose-invert col-start-1">
      {slice.primary.description} 
    </div>
   

   
  </div>
</Bounded>

);
};

export default Biography;

&&
when i trying to run this code

I am getting error

code:

const Biography = ({ slice }: BiographyProps): JSX.Element => {
return (

{slice.primary.heading}

    <div className="prose prose-xl prose-slate prose-invert col-start-1">
      <PrismicRichText field={slice.primary.description} />
    </div>


 
  </div>
</Bounded>

);
};

export default Biography;

here are two difference images for comparison , and i also created slices in remote web application as shown in video. Please help me if you found the error.

[RabinChakraborty]

hey, @HaribolGM I was suffering with the same issue before and was unable to solve it as well so instead I just followed what @a-trost did and used the key text field instead of the rich text field and the site is working now.

[HaribolGM]

Hey, @HaribolGM I was suffering with the same issue before and was unable to solve it as well so instead I just followed what @a-trost did and used the key text field instead of the rich text field and the site is working now.

Yeah that's the problem i used normal text filed rather than rich text filed.