reactjs - TypeScript를 사용하여 다른 클래스에서 가져 오려고 할 때 createElement 오류가 발생했습니다

SEO.tsx라는 구성 요소가 있습니다

import React, { Component } from 'react'
export default class SEO extends Component {
    render() {
        return (
            <div>test</div>
        );
    }
}

pageEvents.tsx에서 위의 구성 요소를 호출하려고합니다

   import * as React from 'react';
    import SEO from '../components/SEO/SEO';
    class PageEvent extends React.Component {
        render() {
            return (< SEO />);
        }
    }

그러나 다음과 같은 오류가 발생합니다

TypeError: Cannot read property 'createElement' of undefined
SEO.render
src/components/SEO/SEO.tsx:4
  1 | import React, { Component } from 'react'
  2 | export default class SEO extends Component {
  3 |     render() {
> 4 |         return (
  5 |             <div>test</div>
  6 |         );
  7 |     }