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
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?
20 Replies
Hi @ganuzaz. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
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
<@149140198213550080> kapa.ai is still learning and improving, please let us how it did by reacting below
wise-white•15mo ago
additional image
wise-white•15mo 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"Let me check the knowledge base for you. One moment! :books:
----------------------
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
<@149140198213550080> kapa.ai is still learning and improving, please let us how it did by reacting below
optimistic-gold•15mo ago
Hello @ganuzaz, we'll check the issue and get back to you
wise-white•15mo ago
this is one of the lines but basically it points on all of the #fillNegs()
wise-white•15mo ago
ok thanks!
adverse-sapphire•15mo 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.wise-white•15mo ago
yea im trying this one rn, and it seems to be doing the trick for the antdesign icon problem
adverse-sapphire•15mo ago
I'll check this one and get back to you as soon as possible
Is your app created with CRA? (Using
react-scripts)wise-white•15mo ago
it was created using CRA and then I changed it into vite
wise-white•15mo ago
i followed the step here https://cathalmacdonnacha.com/migrating-from-create-react-app-cra-to-vite
Tech with Cathal 🚀
Migrating from Create React App (CRA) to Vite
Learn how to migrate your CRA app over to Vite.
wise-white•15mo ago
this works btw, if anyone is wondering
adverse-sapphire•15mo 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
wise-white•15mo 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
wise-white•15mo ago
ok thanks a lot!