클래스를 기능적 구성 요소로 변환

이 클래스를 기능 구성 요소로 변환하려고 시도하고 있지만 운이 없습니다. 누구든지 나에게 방향을 줄 수 있습니까?

        import { Redirect, Route, RouteProps } from 'react-router'


        function mapStateToProps (state: AppState, ownProps: RouteProps): MappedProps {
          const user = state.auth.user
          return {
            External: user ? user.External : true,
          }
        }

        type InnerRouteProps = RouteProps & MappedProps

        class MyInnerRoute extends React.Component<InnerRouteProps> {
          render () {
            const {
              props: { External, component, render, children, ...rest },
            } = this

            return (
              <Route
                {...rest}
                render={props => {
                  if (External) {
                    return <Redirect to={'/'} />
                  }
                  if (component) {
                    const Component = component
                    return <Component {...props} />
                  }
                  if (render) {
                    return render(props)
                  }
                  return children
                }}
              />
            )
          }
        }

        export default connect(mapStateToProps)(MyInnerRoute)
        

이렇게 보일 것입니다. const 소품이 어디에 있는지 확실하지 않습니다 ..

        const  MyInnerRoute = ()  =>  {
          
          return (
            <Route
              {...rest}
              render={props => {
                if (External) {
                  return <Redirect to={'/'} />
                }
                if (component) {
                  const Component = component
                  return <Component {...props} />
                }
                if (render) {
                  return render(props)
                }
                return children
              }}
            />
          )
          
        }

        export default MyInnerRoute