import { IStoreState } from '@/store' ; import React , { ReactNode } from 'react' ; import { useSelector } from 'react-redux' ; import MobileSidebar from './mobileSidebar' ; type Props = { children : ReactNode ; } ; interface MobileContainer { ( props ) : JSX . Element | null ; } const MobileContainer = ( { children } ) => { const app = useSelector ( ( state ) => state . app ) ; return ( < > { } { children } { app . layoutSize === 'small' && < MobileSidebar />} < />); } ; export default MobileContainer ;