Framer doesn't see an npm package that exists

Question

I'm creating a framer code component and I want to import a library with the following code:

import { registerCoreBlocks } from "@quillforms/react-renderer-utils"
import { FormObj } from "@quillforms/renderer-core/build-types/types"

I am getting this error:

The two libraries have npm packages:

• @quillforms/react-renderer-utils

• @quillforms/renderer-core

The project worked fine locally (by locally I mean a Vite project). How can I resolve this issue? What may cause it?

My local package.json dependencies are:

"@quillforms/react-renderer-utils": "^5.10.0",
"@quillforms/renderer-core": "^5.8.0",
"localforage": "^1.10.0",
"match-sorter": "^6.3.4",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-router-dom": "^6.22.2",
"sort-by": "^1.2.0"

Answer 1

See here.

The framer docs explicitly state that

Importing npm packages is currently an experimental feature. Most packages typically don’t work unless unless they were built specifically for Framer. Some projects with multiple npm imports may run into errors with adding multiple npm dependencies, as sub-dependency conflicts can occur.

Try importing your code into a local environment.