Slice Machine Rich Text Command Error

Developing with Prismic
,
1

Describe your question/issue in detail

I was editing my code when I noticed that the PrismicRichText component I use to customize the components was acting "funny." In particular, I have successfully used @tailwindcss/aspect-ratio to make the embeds responsive. Today, I noticed that they had zero height and width. So I went to slice simulator to test out the embed there. When I type a / character, I am not presented with the menu and there is a javascript console error. Two bugs One Day!
https://jam.dev/c/bc15f938-1c61-4313-b89d-f4c1566a17d1

Impacted feature

Rich Text Editor Slash (/) Commands

What steps have you taken to resolve this issue already?

I have tried to downgrade slicemachine versions to no avail.

Errors

In console: Uncaught TypeError: Cannot read properties of undefined (reading 'localsInner')

Your Role

Developer

Hosting provider

Localhost :wink:

Package.json file

{
  "name": "myproject",
  "version": "0.0.3",
  "private": true,
  "scripts": {
    "dev": "concurrently \"bun:next:dev\" \"bun:slicemachine\" --names \"next,slicemachine\" --prefix-colors gray,magenta",
    "next:dev": "next",
    "build": "next build",
    "start": "next start",
    "lint": "next lint",
    "slicemachine": "start-slicemachine",
    "format": "bunx prettier --write ."
  },
  "dependencies": {
    "@prismicio/client": "latest",
    "@prismicio/next": "latest",
    "@prismicio/react": "latest",
    "@radix-ui/react-avatar": "^1.1.1",
    "@radix-ui/react-slot": "^1.1.0",
    "axios": "latest",
    "caniuse-lite": "^1.0.30001667",
    "class-variance-authority": "^0.7.0",
    "embla-carousel-autoplay": "^8.3.0",
    "embla-carousel-react": "^8.3.0",
    "framer-motion": "latest",
    "lucide-react": "^0.373.0",
    "next": "^14.2.14",
    "react": "^18.3.1",
    "react-dom": "^18.3.1",
    "react-hook-form": "latest",
    "react-icons": "latest",
    "react-use-measure": "^2.1.1",
    "tailwindcss-animate": "^1.0.7",
    "zod": "latest"
  },
  "devDependencies": {
    "@slicemachine/adapter-next": "latest",
    "@tailwindcss/aspect-ratio": "latest",
    "@tailwindcss/forms": "latest",
    "@tailwindcss/typography": "latest",
    "@types/node": "^20.16.11",
    "@types/react": "^18.3.11",
    "@types/react-dom": "^18.3.0",
    "autoprefixer": "^10.4.20",
    "clsx": "^2.1.1",
    "concurrently": "latest",
    "eslint": "^8.57.1",
    "eslint-config-next": "latest",
    "postcss": "^8.4.47",
    "prettier": "latest",
    "prettier-plugin-tailwindcss": "latest",
    "schema-dts": "latest",
    "slice-machine-ui": "latest",
    "tailwind-merge": "^2.5.3",
    "tailwindcss": "latest",
    "typescript": "^5.6.2"
  }
}

Steps to reproduce

See Jam video above

1 Like
4

Hi @nf_mastroianni,

Thank you for the recording, and for letting us know! I was able to recreate this issue, and it's definitely unexpected behavior. I've passed it on to the team, and we'll let you know when we have any news.

1 Like