Can not use material-ui components inside React4s components

Steps:

• add cdn for material-ui in index.html of react4s-samples

 <script src="https://unpkg.com/@material-ui/core/umd/material-ui.production.min.js" crossorigin="anonymous"></script>

• Create a react4s wrapper for Button component

import com.github.ahnfelt.react4s.JsComponent
import scala.scalajs.js
object Button extends JsComponent(js.Dynamic.global.Button)

• Use the Button wrapper in Main.scala as following

ReactBridge.renderToDomById(Button(), "main")

• fastOptJS and reload the index.html

We get the error:

Uncaught Error: Minified React error #130; visit http://reactjs.org/docs/error-decoder.html?invariant=130&args[]=undefined&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings. 
    at ze (react-dom.production.min.js:82)
    at l (react-dom.production.min.js:12)
    at ec (react-dom.production.min.js:46)
    at react-dom.production.min.js:61
    at k (react-dom.production.min.js:129)
    at h (react-dom.production.min.js:129)
    at beginWork (react-dom.production.min.js:137)
    at e (react-dom.production.min.js:168)
    at f (react-dom.production.min.js:169)
    at A (react-dom.production.min.js:175)

[avitaln]

I think I had the same issue. try this:

object Main {
  def main(arguments: Array[String]): Unit = {
    NpmReactBridge.renderToDomById(Component(MainComponent), "main")
  }
}

NpmReactBridge borrowed from @Taig’s library

[Poorva17]

@avitaln Yes. plugins.sbt is exact same. I tried putting bundle JS after main div as well. Still getting same error as in #11.

@Taig I will refer to react4s-mui. Thank you.