title: Runtime error: Uncaught Error: Module parse failed: The keyword 'interface' is reserved
body: <p>I am using <code>next-compose-plugins</code> and when I try to build nextjs app, it throws error:</p>
  <blockquote>
  <p>Runtime error: Uncaught Error: Module parse failed: The keyword 'interface' is reserved.
  You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.</p>
  </blockquote>
  <pre><code>const nextConfig = {
    distDir: &quot;../../build&quot;,
    async headers() {
      return [
        {
          source: '*',
          headers: [
            {
              key: 'x-custom-header',
              value: 'my custom header value',
            },
            {
              key: 'x-another-custom-header',
              value: 'my other custom header value',
            },
          ],
        },
      ]
    },
  }
  module.exports = withPlugins(
    [withCSS], [withSaas], [withImages], [nextSourceMaps], [withTM],
  {
    webpack: (config, { isServer }) =&gt; {
      config.optimization.minimizer = [];
      config.optimization.minimizer.push(new OptimizeCSSAssetsPlugin({}));
      if (!isServer) {
        config.resolve.alias[&quot;@sentry/node&quot;] = &quot;@Sentry (Legacy)/browser&quot;;
      }
      return config;
    },
  }, nextConfig);
  </code></pre>
  <p>I am using <code>react-jss</code> and I think this is what I am missing configuration for. I am not sure what's wrong in my configuration. Any help would be greatly appreciated. Thanks.</p>