Help needed in Integrating Material Ui with Meteor

help
1

Hi All,

I am trying to integrate Material Ui with meteor and as a sample test tried executing the below but ended up with errors and no Idea how to resolve it. Anyone there to assist me in fixing this. Below are few additional details to track.

How I installed ? --> meteor npm install @material-ui/core

How I Integrated code? Through Blaze React component

ExampleTest.js

Template.ExampleTest.helpers({
  ExampleContainer() {
      return ExampleContainer;
    }
  });

ExampleContainer.js

const SkvContainer = withTracker(() => {
---------
})(Example);

Example.js

import React, { Component } from "react";
import { Button } from "@material-ui/core";

class Example extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <div>
      <Button color="primary">Hello World</Button> 
      </div>
    );
  }
}

export default Example;

What error did I receive ?

Error: In template "ExampleTest", call to `{{> React ... }}` missing `component` argument.
    at Blaze.View.<anonymous> (react-template-helper.js?hash=3fb2a2954362a4acdee8150fb77f0f500dd28206:67)
    at blaze.js?hash=cbd85c3fe14949f2d2b9a3b76334f5f0e96d553c:1934
    at Function.Template._withTemplateInstanceFunc (blaze.js?hash=cbd85c3fe14949f2d2b9a3b76334f5f0e96d553c:3769)
    at blaze.js?hash=cbd85c3fe14949f2d2b9a3b76334f5f0e96d553c:1932............

Any assistance on this ?

2

So you are trying to mix React with Blaze?

Why not just go with a React project if you’re using React MUI?

3

Hi @alawi, Actually its an old project developed with blaze and React mix. Not sure how to remove existing Blaze components as it requires a lot of modification and development effort.

4

It might be helpful to try it with function-based rather than class-based React components.