title: React-responsive-carousel styles not working
body: <p>I am trying to add <code>react-responsive-carousel</code> to my <code>NextJS</code> project. When i run <code>npm run dev</code> everything seems to be fine, however my carousel is rendered with no styles.</p>
  <pre><code>import { Carousel } from 'react-responsive-carousel';
  import 'react-responsive-carousel/lib/styles/carousel.min.css'; // requires loader
  
  const MyCarousel = () =&gt; {
     return (
          &lt;Carousel
              autoPlay
              interval={2500}
              showArrows={true}
          &gt;
              &lt;div&gt;content&lt;/div&gt;
              &lt;div&gt;content&lt;/div&gt;
              &lt;div&gt;content&lt;/div&gt;
         &lt;/Carousel&gt;
     )
  }
  </code></pre>
  <p>Documentation says that styles need a loader so I configures <code>next.config.js</code> as follows</p>
  <pre><code>const withLess = require('@zeit/next-less');
  const withCss = require('@zeit/next-css');
  const withImage = require('next-images');
  const theme = require('./app/styles/antdoverrides');
  
  module.exports = withImage(
  withCss({
      cssModules: true,
      optimizeFonts: false,
      ...withLess({
          lessLoaderOptions: {
              javascriptEnabled: true,
              importLoaders: 0,
              modifyVars: {
                  ...theme,
              },
          },
          cssLoaderOptions: {
              importLoaders: 3,
              localIdentName: '[local]___[hash:base64:5]',
          },
          webpack5: false,
          webpack: (config, { isServer }) =&gt; {
              if (isServer) {
                  const antStyles = /antd\/.*?\/style.*?/;
                  const origExternals = [...config.externals];
                  config.externals = [
                      (context, request, callback) =&gt; {
                          if (request.match(antStyles)) return callback();
                          if (typeof origExternals[0] === 'function') {
                              origExternals[0](context, request, callback);
                          } else {
                              callback();
                          }
                      },
                      ...(typeof origExternals[0] === 'function' ? [] : origExternals),
                  ];
  
                  config.module.rules.unshift({
                      test: antStyles,
                      use: 'null-loader',
                  });
              }
              return config;
          },
      }),
  }),
  
  
  );
  </code></pre>
  <p>still not getting desired result. Any hints appreciated</p>