index1.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import {BreakpointProvider} from './breakpoint'



const queries = {
  xs: '(max-width: 320px)',
  sm: '(max-width: 720px)',
  md: '(max-width: 1024px)',
  or: '(orientation: portrait)', // we can check orientation also
}

ReactDOM.render(
<BreakpointProvider queries={queries}>
  <App />
</BreakpointProvider>, document.getElementById('root'));