const presets = [
  [
    '@babel/env',
    {
      targets: {
        edge: '17',
        firefox: '60',
        chrome: '67',
        safari: '11.1',
      },
    },
  ],
  '@babel/preset-typescript',
  '@babel/preset-react',
];

module.exports = { presets };

const presets = [
  [
    '@babel/env',
    {
      targets: {
        edge: '17',
        firefox: '60',
        chrome: '67',
        safari: '11.1',
      },
    },
  ],
  '@babel/preset-typescript',
  [
    '@babel/preset-react',
    {
      // for new jsx transform in react 17 https://babeljs.io/blog/2020/03/16/7.9.0#a-new-jsx-transform-11154httpsgithubcombabelbabelpull11154
      runtime: 'automatic',
    }
  ],
];

module.exports = { presets };

add runtime automatic setting to @babel/preset-react to use new jsx without react