How to resolve React Warning: Invalid argument supplied to oneOfType. Expected an array of check functions, but received undefined at index 2.?

Viewed 6573

How do I locate the Expected an array of check functions, but received undefined

Can it be missing prop type definition?

How do I navigate in the list below? Note that most link to me code are on export class ... declarations.

Thanks

Warning: Invalid argument supplied to oneOfType. Expected an array of check functions, but received undefined at index 2.

console.<computed>                          @   index.js:1
printWarning                                @   warning.js:33
warning                                     @   warning.js:57
createUnionTypeChecker                      @   factoryWithTypeCheckers.js:326
./node_modules/react-table/es/propTypes.js  @   propTypes.js:85
__webpack_require__                         @   bootstrap:785
fn                                          @   bootstrap:150
./node_modules/react-table/es/index.js      @   defaultProps.js:9
__webpack_require__                         @   bootstrap:785
fn                                          @   bootstrap:150
./src/views/TableList/TerminologyTable.jsx  @   ProductRow.jsx:4
__webpack_require__                         @   bootstrap:785
fn                                          @   bootstrap:150
./src/routes/app.jsx                        @   app.jsx:1
__webpack_require__                         @   bootstrap:785
fn                                          @   bootstrap:150
./src/components/Header/HeaderLinks.jsx     @   Header.jsx:8
__webpack_require__                         @   bootstrap:785
fn                                          @   bootstrap:150
./src/components/Header/Header.jsx          @   GraphCard.jsx:53
__webpack_require__                         @   bootstrap:785
fn                                          @   bootstrap:150
./src/containers/App/App.jsx                @   UserCard.jsx:35
__webpack_require__                         @   bootstrap:785
fn                                          @   bootstrap:150
./src/index.js                              @   spinner.gif:1
__webpack_require__                         @   bootstrap:785
fn                                          @   bootstrap:150
1                                           @   UserProfile.jsx:16
__webpack_require__                         @   bootstrap:785
checkDeferredModules                        @   bootstrap:45
webpackJsonpCallback                        @   bootstrap:32
(anonymous)                                 @   main.chunk.js:1

EDIT ============

Below is a sample code refers to @ UserProfile.jsx:16 at the end of the list above.

import React from 'react';
import {
    Grid, Row, Col,
    FormGroup, ControlLabel, FormControl
} from 'react-bootstrap';

import {Card} from 'components/Card/Card.jsx';
import {FormInputs} from 'components/FormInputs/FormInputs.jsx';
import {UserCard} from 'components/UserCard/UserCard.jsx';
import Button from 'elements/CustomButton/CustomButton.jsx';
import { ProjectName, ProjectSlogan } from 'variables/Config';

// 
// 

/* line 16 */ export class UserProfile extends React.PureComponent {
    render() {
        // console.log("userprofile", this.props)
        const {mbouser} = this.props

        return (
            <div className="content">xxxxxxx

            </div>
        );
    }
}

1 Answers

Removing react-table v6 solved the problem.

As suggested by @JuniusL. above.

I publish this "answer" in hope that it will help others. Thanks.

Related