After migration to Babel 8, babel gets confused by the generic syntax in .ts files #18146

import { useState, useCallback } from 'react';

const useDOMElement = <T>(): [T | null, (element: T) => () => void] => {
  const [element, setElement] = useState<T | null>(null);

  const refCallback = useCallback((element: T) => {
    setElement(element);
    return () => {
      setElement(null);
    };
  }, []);

  return [element, refCallback];
};

export default useDOMElement;

{
    presets: [
      ['@babel/preset-react', {
        'runtime': 'automatic' // Starting from Babel 8, "automatic" will be the default runtime
      }],
      '@babel/typescript'
    ]
  };

{
    presets: [],
    overrides: [
      {
        test: /\.tsx$/,
        presets: [
          ['@babel/preset-react', { runtime: 'automatic' }],
          '@babel/preset-typescript'
        ]
      },
      {
        test: /\.ts$/,
        presets: [
          '@babel/preset-typescript'
        ]
      }
    ]
};