[ ReactJs ] Find Screen size (https://codesandbox.io/s/screensizes-8mrig)

screenSize.js

import React from "react";

class ScreenSizes extends React.Component {
    constructor() {
        super()
        this.state = {
            width: 0,
            height: 0
        }
    }

    componentDidMount = () => {
        this.updateWindowDimensions();
        window.addEventListener('resize', this.updateWindowDimensions);
    }
      
    componentWillUnmount = () => {
        window.removeEventListener('resize', this.updateWindowDimensions);
    }
      
    updateWindowDimensions = () => {
        this.setState({ width: window.innerWidth, height: window.innerHeight });
    }

    render() {
        return (
            <div>
                <p>Screen Width: <b>{this.state.width}</b></p>
                <p>Screen Height: <b>{this.state.height}</b></p>
            </div>
        )
    }
}

export default ScreenSizes;