🗺️ with-location

Custom Provider and HOC components for @reach/router

Available injected/inherited props

Name	Descriptions	Args
getFrom	Get query value as string or object (will return a merged object)	object or string
pushTo	Add a new value to the query string	any
clearByName	Create a curried callback for clear-style UI elements	fn => event
handleSearch	Create a submit callback for handling search inputs (will delete paged queries)	fn => event
getAll	Returns an object of all params in play

Example

import React from 'react';
import { withLocation, LocationProvider } from 'with-location';

const AsHoc = withLocation((props) => {
  // props now includes the location decorators
  return null;
});

const AsComponent = (props) => (
  <LocationProvider>
    {(utils) => {
      // utils now includes the location decorators
      return null;
    }}
  </LocationProvider>
);