Breakpoints

It is a functional wrapper over your application giving access to the context.

jsx

import Breakpoints from 'intergalactic/breakpoints';

<Breakpoints />;

import Breakpoints from 'intergalactic/breakpoints';

<Breakpoints />;

Breakpoints.Context

Is the React context.

jsx

import Breakpoints from 'intergalactic/breakpoints';

useContext(Breakpoints.Context);

import Breakpoints from 'intergalactic/breakpoints';

useContext(Breakpoints.Context);

It is an instance of the class for media queries.

jsx

import Breakpoints from 'intergalactic/breakpoints';

Breakpoints.mediaList.matches();
Breakpoints.mediaList.addListener();

import Breakpoints from 'intergalactic/breakpoints';

Breakpoints.mediaList.matches();
Breakpoints.mediaList.addListener();