react-media-query-hoc/demo/components/Desktop.js

A dead simple React Higher Order Component (HOC) that uses context for matching media queries

const React = require('react');

module.exports = function Desktop() {
  return (
    <h1 className="desktop" style={{ color: 'blue' }}>In Desktop View</h1>
  );
};