helpful-purple
helpful-purple13mo ago

Property 'rev' is missing in type '{}'

Hi, I'm experiencing this while building on all of the antdesign icons and can't find it in the antdesign documentation about the rev attribute
Property 'rev' is missing in type '{}'
Property 'rev' is missing in type '{}'
I'm using "@ant-design/icons": "^5.0.1", "@pankod/refine-antd": "4.7.1", and "@pankod/refine-core": "3.99.2" Is this fixable without upgrading the refine version?
No description
20 Replies
kapa.ai
kapa.ai13mo ago
Hi @ganuzaz. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
kapa.ai
kapa.ai13mo ago
---------------------- Hmm, I don't know enough to give you a confident answer yet. However, I recommend checking the refine documentation (https://refine.dev/docs) and Ant Design documentation (https://ant.design/components/icon/) for more information on the issue you're experiencing. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
Overview | refine
What is refine?
Icon - Ant Design
An enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for enterprises
kapa.ai
kapa.ai13mo ago
<@149140198213550080> kapa.ai is still learning and improving, please let us how it did by reacting below
helpful-purple
helpful-purple13mo ago
additional image
No description
helpful-purple
helpful-purple13mo ago
@kapa.ai i tried upgrading react refine from v3 to v4 using codemod to fix this problem. When running the command "npx @refinedev/codemod@latest refine3-to-refine4" it failed to change the code because " Class private methods are not enabled. Please add @babel/plugin-transform-private-methods to your configuration." with code "BABEL_TRANSFORM_ERROR"
kapa.ai
kapa.ai13mo ago
Let me check the knowledge base for you. One moment! :books:
kapa.ai
kapa.ai13mo ago
---------------------- I'm sorry to hear that you encountered an issue while using codemod to upgrade from refine v3 to v4. The error message suggests that you need to add @babel/plugin-transform-private-methods to your configuration. However, the provided extracts do not include information on how to resolve this specific issue. I recommend checking the refine documentation (https://refine.dev/docs) and Babel documentation (https://babeljs.io/docs/en/babel-plugin-transform-private-methods) for more information on how to properly configure your project to resolve this error. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
Overview | refine
What is refine?
@babel/plugin-transform-private-methods · Babel
NOTE: This plugin is included in @babel/preset-env, in ES2022
kapa.ai
kapa.ai13mo ago
<@149140198213550080> kapa.ai is still learning and improving, please let us how it did by reacting below
rival-black
rival-black13mo ago
Hello @ganuzaz, we'll check the issue and get back to you
helpful-purple
helpful-purple13mo ago
this is one of the lines but basically it points on all of the #fillNegs()
helpful-purple
helpful-purple13mo ago
ok thanks!
inland-turquoise
inland-turquoise13mo ago
Hey @ganuzaz, you can try fixing the @ant-design/icons version to 5.0.1 without ^. Or upgrading @types/react and @types/react-dom to the latest might do the trick.
helpful-purple
helpful-purple13mo ago
yea im trying this one rn, and it seems to be doing the trick for the antdesign icon problem
inland-turquoise
inland-turquoise13mo ago
I'll check this one and get back to you as soon as possible Is your app created with CRA? (Using react-scripts)
helpful-purple
helpful-purple13mo ago
it was created using CRA and then I changed it into vite
helpful-purple
helpful-purple13mo ago
Tech with Cathal 🚀
Migrating from Create React App (CRA) to Vite
Learn how to migrate your CRA app over to Vite.
helpful-purple
helpful-purple13mo ago
this works btw, if anyone is wondering
inland-turquoise
inland-turquoise13mo ago
About the codemod issue, @batuhanw prepared a PR with the fix. https://github.com/refinedev/refine/pull/4423 We'll be deploying it shortly
helpful-purple
helpful-purple13mo ago
upgrading the react causes problem on components (one of it is the old CustomSideBar). Example here uses refine 4.x.x https://github.com/refinedev/refine/blob/master/examples/customization-sider/src/App.tsx and there is no ThemedLayoutV2 i think in refine 3.x.x. So ended up just using ant-design/icons 5.0.1
GitHub
refine/App.tsx at master · refinedev/refine
Build your React-based CRUD applications, without constraints. - refine/App.tsx at master · refinedev/refine
helpful-purple
helpful-purple13mo ago
ok thanks a lot!