bug: Skia template overrides webpack config more than once

[thecmdrunner]

I created a new project with the Remotion Skia template & selected Tailwind, but got this error while trying to run Remotion Studio.

Error: You specified the Config.overrideWebpackConfig() multiple times, which is not supported.
Combine all Webpack overrides into a single one.
You can curry multiple overrides:

Instead of:

  Config.overrideWebpackConfig((currentConfiguration) => {
    return enableScss(currentConfiguration);
  });
  Config.overrideWebpackConfig((currentConfiguration) => {
    return enableTailwind(currentConfiguration);
  });

Do this:

  Config.overrideWebpackConfig((currentConfiguration) => {
    return enableScss(enableTailwind(currentConfiguration));
  });

Read more: https://www.remotion.dev/docs/config#overridewebpackconfig

Here's what the config looked like:

/**
 * Note: When using the Node.JS APIs, the config file
 * doesn't apply. Instead, pass options directly to the APIs.
 *
 * All configuration options: https://remotion.dev/docs/config
 */
import { Config } from "@remotion/cli/config";
import { enableSkia } from "@remotion/skia/enable";
import { enableTailwind } from "@remotion/tailwind";

Config.setVideoImageFormat("jpeg");
Config.setOverwriteOutput(true);

Config.overrideWebpackConfig((config) => {
  return enableSkia(config);
});

Config.setConcurrency(2);
Config.setChromiumOpenGlRenderer("angle");
Config.overrideWebpackConfig(enableTailwind);

[JonnyBurger]

Thanks for reporting!