Refine•2y ago

I updated refinedev and suddenly project breaks 'prism-react-renderer/themes/vsDark'

I updated refinedev and suddenly project breaks 'prism-react-renderer/themes/vsDark' in 'node_modules@refinedev\inferencer\dist'. Any ideas?

kapa.ai•4/9/24, 3:27 PM

Hi @BadWolf. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base.

kapa.ai•4/9/24, 3:27 PM

----------------------
Hmm, I don't know enough to give you a confident answer yet. The knowledge sources provided do not contain information about the specific issue you're encountering with 'prism-react-renderer/themes/vsDark' in 'node_modules@refinedev\inferencer\dist' after updating refinedev.

However, it's worth noting that issues with dependencies or packages after updates can often be resolved by reinstalling the problematic package or checking its compatibility with the updated version of refinedev.

For more detailed help, I recommend checking the Refine GitHub Issues (https://github.com/refinedev/refine/issues) for similar problems or posting your issue there for assistance.
----------------------
Note: you can ask me a follow up question by @ mentioning me again

----------------------

kapa.ai•4/9/24, 3:27 PM

@833762644170113066 kapa.ai is still learning and improving, please let us know how it did by reacting below

efficient-indigo•4/9/24, 3:32 PM

Hey @BadWolf can you share the full error message?

dual-salmonOP•4/9/24, 3:32 PM

Module not found: Error: Can't resolve 'prism-react-renderer/themes/vsDark' in 'C:\Users\omrih\Documents\TaxRay\taxray_demo_poc\taxray-demo-poc\node_modules@refinedev\inferencer\dist'
Did you mean 'index.js'?
BREAKING CHANGE: The request 'prism-react-renderer/themes/vsDark' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.

dual-salmonOP•4/9/24, 3:32 PM

I updated the inferencer

dual-salmonOP•4/9/24, 3:33 PM

What happened is that I updated 4.44.7 -> 4.49.0, @refinedev/inferencer

dual-salmonOP•4/9/24, 3:33 PM

And then it broke

efficient-indigo•4/9/24, 3:35 PM

We have updated some configurations related to ESM and CJS, we didnt encounter this issue in tests or in development but i will check again to verify this issue.

efficient-indigo•4/9/24, 3:36 PM

Let me get back to you and maybe we can come up with a quick fix for this

dual-salmonOP•4/9/24, 3:36 PM

Should there be prism-react-renderer in inferencer folder?

dual-salmonOP•4/9/24, 3:36 PM

Maybe it was once, and now it's gone -> maybe I need to delete the references from the package-lock.json?

efficient-indigo•4/9/24, 3:45 PM

Not in the inferencer folder but there should be a prism-react-rendererprism-react-renderer package in your

node_modules

node_modules

, you don't need to worry about it I guess, it should be handled by the package manager.

efficient-indigo•4/9/24, 3:45 PM

Can you open up an issue at Github? You can tag me there as well

dual-salmonOP•4/9/24, 3:45 PM

I can

dual-salmonOP•4/9/24, 3:46 PM

Please help, its urgent

dual-salmonOP•4/9/24, 3:46 PM

What Github URL?

efficient-indigo•4/9/24, 3:49 PM

https://github.com/refinedev/refine

GitHub

GitHub - refinedev/refine: A React Framework for building internal...

A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility. - refinedev/refine

dual-salmonOP•4/9/24, 3:58 PM

https://github.com/refinedev/refine/issues/5834

GitHub

I updated refinedev and refinedev/inferencer and suddenly project b...

Describe the bug I just updated the following packages @refinedev/appwrite 6.4.4 -> 6.4.8, @refinedev/cli 2.16.14 ->2.16.29, @refinedev/kbar 1.3.4 -> 1.3.8, @refinedev/react-router-v6 4.5....

dual-salmonOP•4/9/24, 4:02 PM

By the way I now see that the header of the error message, says this :
"ERROR in ./node_modules/@refinedev/inferencer/dist/antd.mjs 418:0-52"

dual-salmonOP•4/9/24, 4:02 PM

@aliemir

dual-salmonOP•4/9/24, 4:15 PM

Any news?

dual-salmonOP•4/9/24, 4:15 PM

@aliemir

dual-salmonOP•4/9/24, 4:36 PM

@aliemir Sorry to bother again, just checking to see if there's any update? It is really super urgent to me

efficient-indigo•4/9/24, 4:42 PM

Just opened a PR for the fix. I'll continue updating the issue when we have it released in Github

dual-salmonOP•4/9/24, 4:43 PM

Dude

dual-salmonOP•4/9/24, 4:43 PM

You're fast!!

dual-salmonOP•4/9/24, 4:43 PM

Thank you

dual-salmonOP•4/9/24, 4:43 PM

Waiting on your update

dual-salmonOP•4/9/24, 4:44 PM

What's the ETA you think?

dual-salmonOP•4/9/24, 4:59 PM

@aliemir I saw that you added the fix to May release? can you please help me solve it locally in the meantime? I have to release something by the end of day and I can't continue

efficient-indigo•4/9/24, 5:05 PM

Hey @BadWolf, I cannot promise a quick release for this PR. I'll talk with the other members of the team to decide.

While this is waiting for a release, you can use the

patch-package

patch-package

package to manually update the broken import in your local.

Check out their docs here https://github.com/ds300/patch-package#readme

To fix the import issue, you need to change the prism-react-renderer/themes/vsDarkprism-react-renderer/themes/vsDark import with prism-react-renderer/themes/vsDark/index.jsprism-react-renderer/themes/vsDark/index.js in the

node_modules/@refinedev/inferencer/dist/antd.mjsnode_modules/@refinedev/inferencer/dist/antd.mjs

then you can use

patch-package

patch-package

to make it automated for next installs.

dual-salmonOP•4/9/24, 5:09 PM

Okay, so I installed patch-package to the project

dual-salmonOP•4/9/24, 5:09 PM

Now

dual-salmonOP•4/9/24, 5:09 PM

What should I do?

dual-salmonOP•4/9/24, 5:10 PM

Should I manually go to node_modules/@refinedev/inferencer/dist/antd.mjs?

dual-salmonOP•4/9/24, 5:12 PM

Okay so I changed prism-react-renderer/themes/vsDark import with prism-react-renderer/themes/vsDark/index.js in the

node_modules/@refinedev/inferencer/dist/antd.mjs

dual-salmonOP•4/9/24, 5:12 PM

and I saved

dual-salmonOP•4/9/24, 5:12 PM

Now I should use patch-package?

dual-salmonOP•4/9/24, 5:20 PM

The command I should run now is

"npx patch-package node_modules/@refinedev/inferencer/dist/antd.mjs?

@aliemir