Error: Element type is invalid

[ModPhoenix]

Hi guys,

What am I doing wrong? I just add code like in the example, but I get an error.

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

  render() {
    return (
      <ClientModuleLayout
        title="Lots"
        footerLink={this.footerLink}
        menuList={this.menuList}
      >
        <MaterialTable
          columns={[
            {title: 'Adı', field: 'name'},
            {title: 'Soyadı', field: 'surname'},
            {title: 'Doğum Yılı', field: 'birthYear', type: 'numeric'},
            {title: 'Doğum Yeri', field: 'birthCity', lookup: {34: 'İstanbul', 63: 'Şanlıurfa'}}
          ]}
          data={[{name: 'Mehmet', surname: 'Baran', birthYear: 1987, birthCity: 63}]}
          title="Demo Title"
        />
      </ClientModuleLayout>
    );
  }

[mbrn]

Hi @ModPhoenix ,

I will check it and return. It seems that something related with dependencies.

[mbrn]

@ModPhoenix , Problem resolved. you can take latest version(0.6.5).

Code is too fresh:). If you find any other bugs please submit a issue.

[wangxpert]

Is this bug fixed? I am still getting the same error even though i am using 1.50.0.

I am using exactly the same code just for testing but it's showing me the same error.

Here is package.json on my side. { "name": "dispensary-client-web", "version": "0.1.0", "private": true, "dependencies": { "@material-ui/core": "^4.4.0", "@material-ui/icons": "^4.2.1", "aws-amplify": "^1.1.36", "aws-amplify-react": "^2.3.12", "material-table": "^1.50.0", "node-sass": "^4.12.0", "notistack": "^0.8.9", "prop-types": "^15.7.2", "react": "^16.9.0", "react-dom": "^16.9.0", "react-redux": "^7.1.1", "react-router-dom": "^5.0.1", "react-scripts": "3.1.1", "redux": "^4.0.4", "redux-saga": "^1.0.5", "reduxsauce": "^1.1.0" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject", "precommit": "lint-staged", "prepush": "lint-staged" }, "lint-staged": { "*.{js,jsx}": [ "pretty-quick --staged", "eslint src/ --fix", "git add" ] }, "eslintConfig": { "extends": "react-app" }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] }, "devDependencies": { "babel-core": "^6.26.3", "babel-eslint": "10.0.2", "eslint": "^6.2.2", "eslint-config-airbnb": "^18.0.1", "eslint-config-prettier": "^6.1.0", "eslint-plugin-import": "^2.18.2", "eslint-plugin-jsx-a11y": "^6.2.3", "eslint-plugin-prettier": "^3.1.0", "eslint-plugin-react": "^7.14.3", "husky": "^3.0.4", "lint-staged": "^9.2.5", "prettier": "^1.18.2", "pretty-quick": "^1.11.1" } }