How to use the react-universal.Platform.OS function in react-universal

) : null }
        
          
        

        
          
        
      
    
  )
}

export default Platform.OS === 'web' ? handleHover(Compose) : Compose

'hover': {
      path: {
        fill: '#444',
      },
    },
  }, { hover })

  const icon = icons[name]
  return (
    <svg viewBox="0 0 24 24" style="{">
      <path d="{" style="{"></path>
    </svg>
  )
}

export default Platform.OS === 'web' ? handleHover(Icon) : Icon

render() {
    const mappedProps = Platform.OS === 'web' ? {} : {
      onNavigationStateChange: this.mount,
      injectedJavaScript: 'window.location.hash = 1;document.title = document.height;',
    }
    return (

minWidth: 300,
          flex: 1,
        },
      },
      'web': {
        wrap: {
          maxWidth: '100%',
        },
        header: {
          width: '100%',
        },
        messages: {
          width: '100%',
        },
      },
    }, { web: Platform.OS === 'web' })

    return (
      
        
          
            
              
            
            { thread.id ? (

render() {
    const { isSidebarVisible } = this.props

    const styles = reactCSS({
      'default': {
        wrap: {
          display: 'flex',
          backgroundColor: '#fafafa',
          paddingTop: Platform.OS === 'web' ? 0 : 22,
          position: 'absolute',
          top: 0,
          bottom: 0,
          left: 0,
          right: 0,
          alignItems: 'stretch',
          flexDirection: 'row',
        },
        sidebar: {
          width: 300,
          minWidth: 300,
          overflow: 'scroll',
          marginRight: 30,
        },
      },
    })