window.prismic.Toolbar is undefined in nextjs - toolbar in preview mode not showing

Developing with Prismic
1

I have a nextjs project repo id jenzabar-next. I have set up preview mode in an identical way to my other prismic projects which work. Yet window.prismic.Toolbar is undefined in jenzabar-next. The preview does work when clicking the eye icon but the toolbar is not available.

using packages "@prismicio/client": "^5.1.0" in dependencies and "prismic-cli": "^3.8.13" in devDependencies

I initially thought it was this issue but I think it is something else

I copied the prismic script exactly from the preview settings page

<script async defer src="https://static.cdn.prismic.io/prismic.js?new=true&repo=jenzabar-next"></script>

image
image2079×236 54.9 KB

image
image1736×230 29.5 KB

3

Hey there, thanks for reaching out.
Is your script added in the <head> of your pages?

We're investigating if there's an additional reason why this could be happening. We'll let you know when we have more information.

Thanks

4

Hi @Pau yes the script is in the head. window.prismic is defined and looks fine. As is "window.prismicToolbar" but not window.prismic.Toolbar like on other projects. It's very confusing!

5

window.prismicToolbar is a legacy version of the toolbar. To update it, you need to include the newest script in all your other projects.

I've opened a ticket in the dev teams backlog. As soon as I have news about this being reviewed, we'll let you know

7

@Pau Thank you. Just to be clear, I am using the latest script in all my projects, including the one with the issue. The other projects have both window.prismicToolbar and window.prismic.Toolbar.

8

Ok, thanks for letting us know.