Use typings-for-css-modules-loader with Next.js, SCSS and CSS Modules

next.config.js

const withSass = require('@zeit/next-sass');

module.exports = withSass({
  webpack: (config) => {
    const scssRule = config.module.rules.find(({ test }) => String(test) === String(/\.scss$/));

    if (config.mode === 'development' && config.name === 'client') {
      scssRule.use.unshift({
        loader: require.resolve('@teamsupercell/typings-for-css-modules-loader'),
      });
    }

    return config;
  },
});