react componentsを引数で渡せない

Question

コンポーネントを引数に渡してあげたいのですがAuth(User)のところで以下のエラーになってしまいます。
どこを修正したらいいのでしょうか？？
わかる方いましたら教えていただきたいです。
よろしくお願いいたします。

エラー内容
型 'Element' の引数を型 'Component<{}, {}, any>' のパラメーターに割り当てることはできません。
  型 'Element' には 型 'Component<{}, {}, any>' からの次のプロパティがありません: context, setState, forceUpdate, render、2 など。

//Auth.ts
export const Auth = (AuthComponent: Component) => {
    // 省略
    return AuthComponent;

const User: FunctionComponent = () => {
// 省略
};

export default Auth(User);

Answer 1

React.Component型はReact.FunctionalComponent型の親ではありません。
なので、React.Component型の引数をもらう関数にReact.FunctionalComponent型のコンポーネントを渡すことはできません。
引数の型をJSX.Elementにする必要があります

Answer 2

ソースがはしょられ過ぎてるので予想しか出来んけど以下の個所

export const Auth = (AuthComponent: Component) => {

でReact.Component（多分）を引数の型として定義しているんだから

export default Auth(User);

で渡すUserはただの関数じゃなくて

class User extends React.Component {
  render() {
    return <h1>のびたさんのえっち１</h1>;
  }
}

のようにReact.Componentをextendsしたクラスを渡さないといけない

しかしFunctionComponentという関数名にしている事から本当に使いたい型はReact.ComponentじゃなくてReact.FCって事なのかな？
そこら辺のネット情報じゃなくて公式チュートリアル見つつ公式ドキュメントも見た方が良いですよ

Comments

[yuyuyuooo]

返信ありがとうございます。
FCとFunctionComponentは同じ意味ですよね？

[hentaiman]

冒頭に書いた通りソースはしょられ過ぎてて質問文からは同じかどうか分からない
とりあえず回答の内容試してみる気はないですか

[yuyuyuooo]

const User: FunctionComponent extends React.Component = () => {
ってことですか？

[hentaiman]

class User extends React.FC= () => {

[yuyuyuooo]

,' が必要です。ts(1005)
',' が必要です
React.FCの.と　extendsで上記のエラーになります

[hentaiman]

それは質問の本題と関係ありません。ただのsyntax errorなので正しい構文で書きましょう。typescriptは関係の無く、javascriptの基本です。
あと勝手にFCを小文字にしないでください。これもjavascriptの基本です。

[yuyuyuooo]

中のhooks使っているところなどがエラーになるので無理そうです

[hentaiman]

切れ端のソースから見て予想した「質問者のやりたいであろう書き方」に対して、それを実現する為の問題解決法の回答しているだけなので、この回答を真似てもそれ以外の部分に問題があれば対応は出来ません。
飽くまでこの回答は質問内容に対しての解決策となります。

なので、
>中のhooks使っているところなどがエラーになるので無理そうです
と言われても質問にも記載されていないので回答者には何も分かりません。

ある程度ソースをコンパクトにまとめてエラーを再現出来るだけのコードを記載して質問する事をおすすめします。