Error with Take a screenshot option

Developing with Prismic
1

Hello, I would appreciate if you can help me solving this problem.

When I take the screenshot of the slice, it generates this error and does not allow me to load the slice without screenshot.

I am using next.js for the front end.

{
  "name": "lt-website",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint",
    "slicemachine": "start-slicemachine"
  },
  "dependencies": {
    "@prismicio/client": "^6.7.3",
    "@prismicio/helpers": "^2.3.9",
    "@prismicio/next": "^1.0.3",
    "@prismicio/react": "^2.5.2",
    "@prismicio/slice-simulator-react": "^0.2.3",
    "eslint": "8.37.0",
    "eslint-config-next": "13.2.4",
    "next": "13.2.4",
    "react": "18.2.0",
    "react-dom": "18.2.0"
  },
  "devDependencies": {
    "@prismicio/types": "^0.2.7",
    "slice-machine-ui": "^0.7.1"
  }
}

image
image852×307 13.4 KB

Thanks.

3

Hello @johanmeci03

Welcome to the Prismic community, and thanks for reaching out to us.

Can you tell me the version of node and npm?

Thanks,
Priyanka

4

Hello @Priyanka, thanks.

node version: v16.17.1
npm version: 8.15.0

5

Hello @johanmeci03

I can not reproduce the issue. I am able to take the screenshot. (Screenshot attached)

You can check the following things:

  1. Close the project and open it again and try the simulator again.
  2. My node version is 16.15.1 and the npm version is 9.6.4.Can you update them and check?
  3. Make sure you are running npm run dev in another terminal.

If it still doesn't work, send me your project code I will try it on my local.

image
image742×578 15.2 KB

Thanks,
Priyanka