DetectDevice.js

import React from 'react'

const {oneOf, node, func, oneOfType} = React.PropTypes

const isMobile = /Mobi/.test(window.navigator.userAgent || '')

const device = {
    mobile: isMobile,
    desktop: !isMobile
}

export default function DetectDevice({is, children}) {
    const check = device[is]

    return typeof children === 'function' ?
        children(check) : (
            check ? children : null
        )
}

DetectDevice.propTypes = {
    is: oneOf(['desktop', 'mobile']),
    children: oneOfType([node, func])
}