Reactjs 找不到要呈现的IonPage。确保使用IonPage组件包装页面

今天，尝试在ionic+React中制作一个类似于其他任何组件的组件时返回了一个错误，我无法修复它，有人有解决方案吗

import React from 'react';

import * as firebase from 'firebase/app';
import { IonPage, IonContent } from '@ionic/react';
import BackHeader from '../../components/BackHeader/BackHeader';


interface props {
    id: string
}
interface state {
    view: string,
    clients: any
}
export default class FinancialState extends React.Component<props, state>{
constructor(props : props){
    super(props);
    this.state = {
        view: "search",
        clients: "loading"
    }
}

    async componentDidMount(){
        const data = await firebase.firestore().collection('my_companies').doc(this.props.id).get();
        return this.setState({
            clients: data.data()
        })
    }
    /**Manejador de vistas donde VISTA-1 = Buscar el cliente VISTA-2 = Subir el archivo */
    controller(){
        if(this.state.view === "search") return <Finder clients={this.state.clients.companies} />
    }
    render(){
        return(
           <>
            <IonPage>
                <BackHeader route="/Home"/>
                <IonContent>
                    {this.controller()}

                    contenido
                </IonContent>
            </IonPage>
           </>
        );
    }
}


interface propsFinder {
    clients: any
}
const Finder : React.FC<propsFinder> = (props : propsFinder)=>{
console.log(props);

    return(
        <div>
            <div className="containerImage">
                <img src="https://image.flaticon.com/icons/png/512/64/64673.png" alt="lupa" />
            </div>
            <div id="boxFinder">
                <input type="text" />
            </div>
            <div id="results">
             {/**Resultados de la busqueda */}
            </div>
        </div>
    );
}

从“React”导入React；
从“firebase/app”导入*作为firebase；
从'@ionic/react'导入{IonPage，IonContent}；
从“../../components/BackHeader/BackHeader”导入BackHeader；
界面道具{
id:字符串
}
界面状态{
视图：字符串，
客户：有吗
}
导出默认类FinancialState扩展React.Component{
建造师（道具：道具）{
超级（道具）；
此.state={
视图：“搜索”，
客户：“正在加载”
}
}
异步组件didmount（）{
const data=await firebase.firestore（）.collection（'my_companys'）.doc（this.props.id）.get（）；
返回此.setState({
客户端：data.data（）
})
}
/**曼内贾多尔远景酒店1=公交客车客户远景酒店2=苏比尔阿尔奇沃酒店*/
控制器（）{
如果（this.state.view==“search”）返回
}
render（）{
返回(
{this.controller（）}
孔蒂多
);
}
}
接口propsFinder{
客户：有吗
}
常量查找器：React.FC=（props:propsFinder）=>{
控制台日志（道具）；
返回(
{/**Resultados de la busqueda*/}
);
}

---

我已经尝试了几乎所有可能的方法，但我无法使其工作，巧合的是，在具有相同结构的其他组件中工作完美，应该注意的是，没有什么不寻常的地方可以说，它是一个引用到路由的简单组件

这似乎是此处报告的错误：

---

我在更新到ionic react v4.11.5时注意到了这一点。

我知道这不重要，但您是否尝试过在没有空的

标记的情况下渲染？