Next13 Prismic Link Issues

Developing with Prismic
1

I am using Next13 and am running into a tricky issue with the library. When using PrismicLink or PrismicRichText if there is a link embedded, it breaks the whole app. Not sure how to fix or circumvent it?

Screenshot 2023-03-05 at 10.13.25 AM
Screenshot 2023-03-05 at 10.13.25 AM2022×1378 259 KB

2

Hey @jp1, cssn you show us your template in the front end?

4

Here's the only relevant part. I get the error when I run this code, but not when I delete it.

<div className={classes.answer}>
  <PrismicRichText field={slice.primary.answer_3} />
</div>

It happens whenever there is a link within answer_3

5

How did you set up your app to resolve internal and external links?
<PrismicProvider> wraps your application to use the correct link, depending on the case. Here's the documentation:

6

Thanks, I didn't realize that. I think that fixed it!

1 Like