search

onlook-dev / onlook

The open source, local-first Figma for React. Design directly in your live React app and publish your changes to code.
https://onlook.dev
Apache License 2.0
3.8k stars 235 forks source link

[FEAT] How to use it in umi #812

Open shancheng-77 opened 23 hours ago

shancheng-77 commented 23 hours ago

Describe the feature

I want to try to use onlook in umi, which is part of my umijs configuration. image However, it was not detected that I used onlook in the application, and the application could not edit the code. So I want to know the correct configuration method or when cli can support umi. Thank you very much！

Kitenite commented 10 hours ago

Hey @shancheng-77, there will soon be a new version where there is no longer a configuration step. This will be released in a few days. https://github.com/onlook-dev/onlook/pull/782

In the meantime, can you verify that the babel plugin is installed in package.json? Something like this

 "devDependencies": {
    "@onlook/babel-plugin-react": "latest",
  }

https://github.com/onlook-dev/onlook/blob/main/demos/babel/package.json#L40

Thank you for your patience :)