search

fable-compiler / fable-elmish-electron-material-ui-demo

Complete boilerplate for Electron apps using Fable and Elmish with hot module reloading, time-travel debugging, etc.
MIT License
114 stars 19 forks source link

An issue with electron-webpack and @material-ui/pickers #17

Open BurkovskyNikita opened 4 years ago

BurkovskyNikita commented 4 years ago

Hi,

So, this is my first time using both F# and electron. I may be missing something.

Basically, I took this repo as a base for my application, but had trouble setting up material-ui/pickers via Feliz.MaterialUI.Pickers bindings.

Just placing Mui.pickerUtilsProvider at the root of my application was giving me the following runtime error:

Uncaught Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:

  1. You might have mismatching versions of React and the renderer (such as React DOM)
  2. You might be breaking the Rules of Hooks
  3. You might have more than one copy of React in the same app

After a while, I found a solution in https://github.com/mobxjs/mobx-react-lite/issues/248#issuecomment-577614789 Adding module.exports = { externals: ['react', 'react-dom'], }; to the webpack.additions.renderer.js file solves the issue .

I thought it would be nice if somebody modified the webpack config and/or added examples for Feliz.MaterialUI.Pickers