Fixes:

• add peerDependency support for react 17 - 🙇 @mrkan-alelgn
• Create LICENSE.md
• Update Circle CI config to v2.1
• Dependency version bumps
  • Bump eslint from 4.17.0 to 4.18.2
  • Bump ini from 1.3.5 to 1.3.8
  • Bump elliptic from 6.5.2 to 6.5.4
  • Bump y18n from 3.2.1 to 3.2.2
  • Bump handlebars from 4.7.2 to 4.7.7
  • Bump hosted-git-info from 2.8.5 to 2.8.9
  • Bump path-parse from 1.0.6 to 1.0.7
  • Bump cached-path-relative from 1.0.2 to 1.1.0
  • Bump shell-quote from 1.7.2 to 1.7.3
  • Bump tar from 4.4.13 to 4.4.19
  • Bump json-schema from 0.2.3 to 0.4.0
  • Bump nodemailer and karma
  • Bump bl from 3.0.0 to 3.0.1
  • Bump minimist, minimist, mkdirp and mocha

Features:

• New React hook! useContainerQuery - 🙇 @mayank23

Fixes:

• Fix error "ResizeObserver loop limit exceeded" in Chrome - 🎉 @TomOne

How embarrassing 🤦

We were overzealous with the UNSAFE_ prefixes in the prior patch release. This change removes the prefix from componentDidUpdate

Thanks to @trevdor for the PR!

• Prefix legacy lifecycle methods with UNSAFE
• Update scripts/watch/test.sh with paths for tsc and karma, so it works again

This is some cleanup to get CircleCI build and tests running again after a bit of a hiatus.

Also, cleaning up some links in the README to reflect that the project is now under its own org in github.

• Originated from discussion #66, lodash was removed and size reduce to 22kb minimized.

• Upgraded all dependencies to latest at the time of writing.
• Fixed a bug that when using <ContainerQuery/> API, new query value is not honored.

As title :D thanks @sammkj

• Add a initialSize new props to compute the container query in the initial rendering (details please checkout README).
• With initialSize we are now better supporting server side render (thanks to @jesstelford)!
• A little behavior change on how query is computed. This should never affect you, but if you are interested, checkout please react-container-query/container-query-toolkit#2.

Now below should work just like pre 0.7.x

class MyComponent extends Component {
  render() {
    return (
      <div className={classnames('container', this.props.containerQuery)}>
        <div className='box'>the box</div>
      </div>
    );
  }
}

const query = {
  'width-between-400-and-599': {
    minWidth: 400,
    maxWidth: 599
  },
  'width-larger-than-600': {
    minWidth: 600,
  }
};

const HigherOrderComponent = applyContainerQuery(MyComponent, query);