[SOLVED] react-big-calendar import failing for css

react-big-calendar import failing for css

I have the react big calendar working but the css import is failing.

The documentation says:

Styles can be found at: react-big-calendar/lib/css/react-big-calendar.css, and should be included on the page with the calendar component.

I've seen it imported w/ BigCalendar in other examples but it doesn't seem to be working for me.

import '/react-big-calendar/lib/css/react-big-calendar.css';
import BigCalendar from 'react-big-calendar';
import moment from 'moment';
import Month from './Month';
import React from 'react';
import Showfeed from './Showfeed';

How do I do this?

Solution

I found the solution. Just needed to add this to my brunch-config.js file.

npm: {
  styles: {
  'react-big-calendar': ['lib/css/react-big-calendar.css']
  }
},

If your using this solution you can delete the import. You don't need it.