Enable new JSX transform

Author: taneliang

website/babel.config.js

@@ -21,7 +21,16 @@ module.exports = (api) => {
         exclude: ['transform-typeof-symbol'],
       },
     ],
-    ['@babel/preset-react', { development: !IS_PROD }],
+    [
+      '@babel/preset-react',
+      {
+        development: !IS_PROD,
+        // Enable JSX transform
+        // TODO: Remove in Babel 8, when this will be the default option
+        // See: https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html#manual-babel-setup
+        runtime: 'automatic',
+      },
+    ],
   ];
 
   const plugins = [

website/tsconfig.json

@@ -10,7 +10,7 @@
     ] /* Specify library files to be included in the compilation. */,
     "allowJs": true /* Allow javascript files to be compiled. */,
     // "checkJs": true,                       /* Report errors in .js files. */
-    "jsx": "react" /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */,
+    "jsx": "preserve" /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */,
     // "declaration": true,                   /* Generates corresponding '.d.ts' file. */
     // "declarationMap": true,                /* Generates a sourcemap for each corresponding '.d.ts' file. */
     // "sourceMap": true,                     /* Generates corresponding '.map' file. */