Responsive React Component

WindowResizeListener.ts

import * as React from "react";

type Pixels = number;

interface Params {
  width: Pixels;
  height: Pixels;
}

export class WindowResizeListener extends React.Component<
  {
    onResize?(args: Params): void;
    render(args: Params): React.ReactNode;
  },
  Params
> {
  public state: Params = this.getParams();
  public render() {
    const { render } = this.props;
    return render ? render(this.state) : null;
  }
  private onResize = () => {
    this.setState(this.getParams);
    const { onResize } = this.props;
    if (onResize) {
      onResize(this.getParams());
    }
  };
  public componentDidMount() {
    window.addEventListener("resize", this.onResize);
  }
  public componentWillUnmount() {
    window.removeEventListener("resize", this.onResize);
  }
  private getParams() {
    const width = window.innerWidth;
    const height = window.innerHeight;
    return { width, height };
  }
}