styles not affected Need Help

[c0d3-ninja]

import React from "react";
import PropTypes from "prop-types";
require('codemirror/lib/codemirror.css');
require('codemirror/theme/material.css');
require('codemirror/theme/neat.css');
require('codemirror/mode/xml/xml.js');
require('codemirror/mode/javascript/javascript.js');

import {UnControlled as CodeMirror} from 'react-codemirror2';

export default class App extends React.Component {
  constructor(props) {
    super(props);
}

  render() {
    return(
      <CodeMirror
  value={"var a=10;"}
  options={{theme:"material",mode:"javascript"}}
/>
    )
  }
}

App.propTypes = {

};
App.defaultProps = {

};
App.docs = {
};

This is my code and this is my result

why css are not downloading? is there any mistakes in my code? @scniro

[scniro]

@vimalchandhru Have you double checked your webpack css loader? I suspect you're not loading the style sheets correctly. Otherwise this looks fine.

[scniro]

@vimalchandhru closing for now as I suspect your development setup could be the culprit here and not the component itself. Please reopen if you are able to provide any additional detail.