Support Create React App V5 (with Webpack 5)

[janpieterz]

Currently installing a new React app with Create React App fails.

• @craco/craco doesn't install as it doesn't yet support CRA v5 (issue tracking progress CRACO updates (latest news here) dilanx/craco#426)
• The documented Webpack configuration also fails with Webpack 5

[janpieterz]

I got this building locally by using the latest @craco/craco: 7.0.0-alpha.7, react-scripts: 5.0.1 and the below webpack.config.js. Webpack 5 has built-in support for WASM. Doesn't actually work yet though.

// craco.config.js
const { addBeforeLoader, loaderByName } = require("@craco/craco");

module.exports = {
  webpack: {
    configure: (webpackConfig) => {
      if (
        webpackConfig.experiments === undefined ||
        webpackConfig.experiments === null
      ) {
        webpackConfig.experiments = {};
      }
      webpackConfig.experiments.syncWebAssembly = true;
      webpackConfig.experiments.asyncWebAssembly = true;
      return webpackConfig;
    },
  },
};

I had to change the signIn logic (might be related to #940 ) from the below

service.signIn(new SignInRequest()).then((response) => {
    console.log(`auth_token = ${response}`);
  });

to

service.signIn().then((response) => {
    console.log(`auth_token = ${response}`);
  });

since SignInRequest is an interface. Showcase in Typescript playground

[janpieterz]

We've created a sample with the configuration for Create React App 5.