react-toolbox-themr
react-toolbox-themr copied to clipboard
Cannot read property 'label' of undefined - template is undefined
After following the instructions in the README (setting up ThemeProvider), this throws the exception (
Cannot read property 'label' of undefined
):
import React from 'react';
import ThemeProvider from 'react-toolbox/lib/ThemeProvider';
import {Input} from 'react-toolbox/lib/input/Input';
import '../../../public/react-toolbox/theme.css'
import theme from '../../../public/react-toolbox/theme'
export default class Grow extends React.Component {
render() {
return <ThemeProvider theme={theme}>
<div className="grow-container">
<Input className="grow-input" type='text' label='Contacts' name='name'/>
</div>
</ThemeProvider>
}
}
and this doesnt throw the expection but no style:
import React from 'react';
import ThemeProvider from 'react-toolbox/lib/ThemeProvider';
import {Input} from 'react-toolbox/lib/input/Input';
import '../../../public/react-toolbox/theme.css'
import theme from '../../../public/react-toolbox/theme'
export default class Grow extends React.Component {
render() {
return <ThemeProvider theme={theme}>
<div className="grow-container">
<Input theme={theme} className="grow-input" type='text' label='Contacts' name='name'/>
</div>
</ThemeProvider>
}
}
package.json:
{
"name": "react-grow",
"version": "0.1.0",
"private": true,
"dependencies": {
"lodash": "^4.17.4",
"open-sans-fontface": "^1.4.0",
"react": "^15.4.2",
"react-dom": "^15.4.2",
"react-number-format": "^1.1.2",
"react-router-dom": "^4.0.0",
"react-tap-event-plugin": "^2.0.1"
},
"devDependencies": {
"react-scripts": "0.9.5",
"react-toolbox": "2.0.0-beta.6",
"react-toolbox-themr": "^1.0.2"
},
"reactToolbox": {
"include": [
"AUTOCOMPLETE",
"AVATAR",
"BUTTON",
"CARD",
"CHECKBOX",
"CHIP",
"DATE_PICKER",
"DIALOG",
"DRAWER",
"DROPDOWN",
"INPUT",
"LAYOUT",
"LINK",
"LIST",
"MENU",
"NAVIGATION",
"OVERLAY",
"PROGRESS_BAR",
"RADIO",
"RIPPLE",
"SLIDER",
"SNACKBAR",
"SWITCH",
"TABLE",
"TABS",
"TIME_PICKER",
"TOOLTIP"
],
"output": "public/react-toolbox"
},
"scripts": {
"start": "npm run toolbox && react-scripts start",
"build": "npm run toolbox && react-scripts build",
"toolbox": "react-toolbox-themr"
},
"eslintConfig": {
"extends": "react-app"
}
}
anyone have any idea why?
I have the same problem
any progress on this? I have the same problem