Responsive React Function

Responsive.js

import React from 'react';
import Media from 'react-media';

const Responsive = () => (
  <Media query={{ maxWidth: 1023 }}>
    {
    matches => 
      matches 
      ? <div>Less than 1023</div> 
      : <div>More than 1023</div> 
    }
  </Media>
);

export default Responsive;