react，使用antd mobile V5.22里的mask背景蒙层，点击蒙层后弹出内容框的问题

[ken428965]

使用antd mobile V5.22里的mask背景蒙层
希望实现的效果是，点击某个按钮后弹出蒙层，同时弹出内容框遮住蒙层的一部分
已写的部分代码：

// 该组件是否展示
    const isOpen = type === 'more'
    return (
      <div className={styles.root}>
        {/* 遮罩层 */}
        <Mask 
        visible={isOpen ? this.state.visible : false} 
        onMaskClick={() => this.setState({visible: false})} to={{ transform: `translate(${isOpen ? '0px' : '100%'}, 0px)` }}>
          {props => {
            return (
              <>
                {/* 条件内容 */}
                <div style={props} className={styles.tags}>
                
                </div>
          </Mask>

目前效果是，点击某个按钮后可以弹出蒙层，点击蒙层后也可以让蒙层不显示，然而浏览器报错：
Warning: Functions are not valid as a React child. This may happen if you return a Component instead of from render. Or maybe you meant to call this function rather than return it.
中文翻译是：函数作为React子级无效。如果从渲染返回Component而不是＜Component/＞，则可能会发生这种情况。或者您可能打算调用此函数而不是返回它
请问代码出了什么问题？代码的正确的写法是什么？恳请展示代码进行说明，谢谢~