taro(ts)编写小程序内置组件类型异常的问题

Question

业务背景

对react仅限于使用,函数式组件以及hooks都很少用的那种.今天开始学习taro编写小程序

遇到的问题

下面这个组件是正常的

import React from 'react';
import { View } from '@tarojs/components';

export default class Index extends React.Component {
  render() {
    return (
      <View className='container'>
        hello taro
      </View>
    )
  } 
}

但是当我在文件顶部加上下面这行代码后,render函数中的View组件就报错了

import Taro from '@tarojs/taro';

错误截图

错误内容

TS2786: 'View' cannot be used as a JSX component.   Its element type 'ReactElement<any, any> | Component<ViewProps, any, any> | null' is not a valid JSX element.     Type 'Component<ViewProps, any, any>' is not assignable to type 'Element | ElementClass | null'.       Type 'Component<ViewProps, any, any>' is not assignable to type 'ElementClass'.