<commit_before>import 'pixi.js';
import '../ExplodingDots.css';
import '../font-awesome.min.css';
import React, {Component, PropTypes} from 'react';
import {createStore} from 'redux';
import {Provider} from 'react-redux';
import rootReducer from '../reducers/index';
import DotsMachine from './DotMachine/DotMachine.pixi';
import {OPERATOR_MODE, USAGE_MODE} from '../Constants';
import {BASE} from '../Constants'

const store = createStore(rootReducer, window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__());

class ExplodingDots extends Component {

    static PropTypes = {
        base: PropTypes.array.isRequired,
        operator_mode: PropTypes.oneOf([OPERATOR_MODE.DISPLAY, OPERATOR_MODE.ADDITION, OPERATOR_MODE.SUBTRACT, OPERATOR_MODE.MULTIPLY, OPERATOR_MODE.DIVIDE]).isRequired,
        usage_mode: PropTypes.oneOf([USAGE_MODE.OPERATION, USAGE_MODE.FREEPLAY]).isRequired,
        magicWandIsActive: PropTypes.bool.isRequired,
        baseSelectorDisplay: PropTypes.bool.isRequired,
        placeValueSwitch: PropTypes.bool.isRequired,
        magicWandVisible: PropTypes.bool.isRequired,
        resetVisible: PropTypes.bool.isRequired,
        loginVisible: PropTypes.bool.isRequired,
        zones: PropTypes.number.isRequired,
        maxViewableDots: PropTypes.number.isRequired,
        operandA: PropTypes.string,
        operandB: PropTypes.string,
    };

    static getDefaultProps = {
             base: BASE.ALL_BASE[0],
             operator_mode: OPERATOR_MODE.DISPLAY,
             usage_mode: USAGE_MODE.FREEPLAY,
             magicWandIsActive: false,
             baseSelectorDisplay: true,
             placeValueSwitch: false,
             magicWandVisible: true,
             resetVisible: true,
             loginVisible: true,
             zones: 5,
             maxViewableDots: 150,
             operandA: '',
             operandB: ''
    };

    constructor(props) {
        super(props);
    };

    render() {
        console.log(store);
        console.log(this.props);
        return (
            <Provider store={store}>
                <div>
                    <DotsMachine id="0"/>
                </div>
            </Provider>
        );
    }
}

export default ExplodingDots;
<commit_msg>Fix the defaultProps on component side.<commit_after>import 'pixi.js';
import '../ExplodingDots.css';
import '../font-awesome.min.css';
import React, {Component, PropTypes} from 'react';
import {createStore} from 'redux';
import {Provider} from 'react-redux';
import rootReducer from '../reducers/index';
import DotsMachine from './DotMachine/DotMachine.pixi';
import {OPERATOR_MODE, USAGE_MODE} from '../Constants';
import {BASE} from '../Constants'

const store = createStore(rootReducer, window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__());

class ExplodingDots extends Component {

    static PropTypes = {
        base: PropTypes.array.isRequired,
        operator_mode: PropTypes.oneOf([OPERATOR_MODE.DISPLAY, OPERATOR_MODE.ADDITION, OPERATOR_MODE.SUBTRACT, OPERATOR_MODE.MULTIPLY, OPERATOR_MODE.DIVIDE]).isRequired,
        usage_mode: PropTypes.oneOf([USAGE_MODE.OPERATION, USAGE_MODE.FREEPLAY]).isRequired,
        magicWandIsActive: PropTypes.bool.isRequired,
        baseSelectorDisplay: PropTypes.bool.isRequired,
        placeValueSwitch: PropTypes.bool.isRequired,
        magicWandVisible: PropTypes.bool.isRequired,
        resetVisible: PropTypes.bool.isRequired,
        loginVisible: PropTypes.bool.isRequired,
        zones: PropTypes.number.isRequired,
        maxViewableDots: PropTypes.number.isRequired,
        operandA: PropTypes.string,
        operandB: PropTypes.string,
    };

    static defaultProps = {
        base: BASE.ALL_BASE[0],
        operator_mode: OPERATOR_MODE.DISPLAY,
        usage_mode: USAGE_MODE.FREEPLAY,
        magicWandIsActive: false,
        baseSelectorDisplay: true,
        placeValueSwitch: false,
        magicWandVisible: true,
        resetVisible: true,
        loginVisible: true,
        zones: 5,
        maxViewableDots: 150,
        operandA: '',
        operandB: ''
    };

    constructor(props) {
        super(props);
    };

    render() {
        console.log(store);
        console.log(this.props);
        return (
            <Provider store={store}>
                <div>
                    <DotsMachine id="0"/>
                </div>
            </Provider>
        );
    }
}

export default ExplodingDots;

{'fraction_non_alphanumeric': 0.10751005811354493, 'fraction_numerical': 0.002682163611980331, 'mean_word_length': 2.692244224422442, 'pattern_counts': {'":': 0, '<': 13, '<?xml version=': 0, '>': 13, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1963592', 'n_tokens_mistral': 1316, 'n_tokens_neox': 1315, 'n_words': 247}