Тамара Ламова

Что-то вроде этого, но надо проверять, что конкретно вы передаёте в props:

class ItemOfMenu extends React.Component {
  constructor (props){
    super(props);
  }
  render() {
  return (
  <div className="menu-categor">
    <ul>
      {
        this.props.data.snacks.map( snacks=> <li key={snacks.id}><a>{snacks.name}</a></li> );
      }
    </ul>
  </div>     
       );
  }
}

npm install --save-dev case-sensitive-paths-webpack-plugin

var CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');

var webpackConfig = {
    plugins: [
        new CaseSensitivePathsPlugin()
        // other plugins ...
    ]
    // other webpack config ...
}

https://github.com/Urthen/case-sensitive-paths-web...