react-ua

react-ua

User Agent Component and Provider, wrapper for ua-parser-js, SSR-ready, using new React Context API

Try it live at StackBlitz

import React, { Component } from 'react';
import { UserAgentProvider, UserAgent } from 'react-ua';

class Home extends Component {
  state = {
    email: ''
  };
  render() {
    return (
      <UserAgentProvider value={window.navigator.userAgent}>
        <UserAgent>{ua => <div>OS: {ua.os.name}</div>}</UserAgent>
      </UserAgentProvider>
    );
  }
}

License

MIT