Responsive content passing props

ResponsiveWithProps.js

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

const Mobile = ({ title }) => <div>{title} Mobile</div>;
const Desktop = ({title}) => <div>{title} Desktop</div>;

const Responsive = ({ ...props }) => (
  <Media query={{ maxWidth: 1023 }}>
    {matches => (matches ? <Mobile {...props} /> : <Desktop {...props} />)}
  </Media>
);

export default Responsive;