Me encuentro con este error "Error de tipo: no se pueden establecer propiedades de indefinido (estableciendo 'PrismicDOM')" en mi sitio web local.

Estoy tratando de integrar Prismic en mi proyecto donde estoy usando prismic-dom pero parece que no funciona. Este es el código en mi app.js, ¿puede decirme cómo resolver este problema?

 require('dotenv').config() console.log(process.env.PRISMIC_ENDPOINT, process.env.PRISMIC_CLIENT_ID) const express = require('express') const app = express() const path = require('path') const port = 3000 const Prismic = require('@prismicio/client') const PrismicDOM = require('prismic-dom') const initApi = req => { return Prismic.getApi(process.env.PRISMIC_ENDPOINT, { accessToken: process.env.PRISMIC_ACCESS_TOKEN, req }) } const handlelinkResolver = doc => { // Define the url depending on the document type // if (doc.type === 'page'){ // return '/page/' + doc.uid; // } else if (doc.type === 'blog_post'){ // return '/blog/' + doc.uid; // } // Default to homepage return '/' } app.use((req, res, next) => { res.locals.ctx = { endpoint: process.env.PRISMIC_ENDPOINT, linkResolver: handlelinkResolver } // add PrismicDOM in locals to access them in templates. req.locals.PrismicDOM = PrismicDOM next() }) app.set('views', path.join(__dirname, 'views')) app.set('view engine', 'pug') app.get('/', (req, res) => { res.render('pages/home') }) app.get('/personaggi', (req, res) => { res.render('pages/personaggi') }) app.get('/detail/:uid', (req, res) => { res.render('pages/detail') }) app.get('/gioco', (req, res) => { initApi(req).then(api => { api.query( Prismic.Predicates.at('document.type', 'gioco') ).then(response => { console.log(response) // response is the response object. Render your views here. res.render('pages/gioco') }) }) }) app.listen(port, () => { console.log(`Example app listening on port ${port}`) })