我是用react写typescript的新手，我遇到的第一个错误是当我从组件返回一个字符串时，我不认为这是无效的，因为react知道如何处理它：

function MyComponent(){
  const Test = ()=> "Hello" 
  return <Test />
}

Typescript抱怨：
“Test”不能用作JSX组件。其返回类型“string”不是有效的JSX元素。
你可能会说，把它 Package 在一个React片段中。
虽然将其 Package 在React片段中可以工作，但它并不总是很酷，以下面的例子为例：

import type { PropsWithChildren } from 'react'

interface P extends PropsWithChildren {}

function MyComponent() {
  const Button = (props: P) => {
    const { children } = props
    return children
  }
  return <Button>Hello world</Button>
}

Typescript抱怨：
“Button”不能用作JSX组件。其返回类型“ReactNode”不是有效的JSX元素。类型“undefined”不能分配给类型“Element|零'
为了解决这个问题，我不得不写：

return (
  <Button>
    <React.Fragment>
      Hello world
    </React.Fragment>
  </Button>
)

有没有办法让这个错误不妨碍我？