diff --git a/example/package-lock.json b/example/package-lock.json
index 532f6a1..f115f42 100644
--- a/example/package-lock.json
+++ b/example/package-lock.json
@@ -20,7 +20,7 @@
       }
     },
     "@testing-library/jest-dom": {
-      "version": "file:../node_modules/@testing-library/jest-dom",
+      "version": "file:https:/registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-4.2.4.tgz",
       "integrity": "sha512-j31Bn0rQo12fhCWOUWy9fl7wtqkp7In/YP2p5ZFyRuiiB9Qs3g+hS4gAmDWONbAHcRmVooNJ5eOHQDCOmUFXHg==",
       "requires": {
         "@babel/runtime": "^7.5.1",
@@ -292,7 +292,7 @@
       }
     },
     "@testing-library/react": {
-      "version": "file:../node_modules/@testing-library/react",
+      "version": "file:https:/registry.npmjs.org/@testing-library/react/-/react-9.5.0.tgz",
       "integrity": "sha512-di1b+D0p+rfeboHO5W7gTVeZDIK5+maEgstrZbWZSSvxDyfDRkkyBE1AJR5Psd6doNldluXlCWqXriUfqu/9Qg==",
       "requires": {
         "@babel/runtime": "^7.8.4",
@@ -612,11 +612,11 @@
       }
     },
     "@testing-library/user-event": {
-      "version": "file:../node_modules/@testing-library/user-event",
+      "version": "file:https:/registry.npmjs.org/@testing-library/user-event/-/user-event-7.2.1.tgz",
       "integrity": "sha512-oZ0Ib5I4Z2pUEcoo95cT1cr6slco9WY7yiPpG+RGNkj8YcYgJnM7pXmYmorNOReh8MIGcKSqXyeGjxnr8YiZbA=="
     },
     "@types/jest": {
-      "version": "file:../node_modules/@types/jest",
+      "version": "file:https:/registry.npmjs.org/@types/jest/-/jest-25.2.3.tgz",
       "integrity": "sha512-JXc1nK/tXHiDhV55dvfzqtmP4S3sy3T3ouV2tkViZgxY/zeUkcpQcQPGRlgF4KmWzWW5oiWYSZwtCB+2RsE4Fw==",
       "requires": {
         "jest-diff": "^25.2.1",
@@ -763,11 +763,11 @@
       }
     },
     "@types/node": {
-      "version": "file:../node_modules/@types/node",
+      "version": "file:https:/registry.npmjs.org/@types/node/-/node-12.12.54.tgz",
       "integrity": "sha512-ge4xZ3vSBornVYlDnk7yZ0gK6ChHf/CHB7Gl1I0Jhah8DDnEQqBzgohYG4FX4p81TNirSETOiSyn+y1r9/IR6w=="
     },
     "@types/react": {
-      "version": "file:../node_modules/@types/react",
+      "version": "file:https:/registry.npmjs.org/@types/react/-/react-16.9.46.tgz",
       "integrity": "sha512-dbHzO3aAq1lB3jRQuNpuZ/mnu+CdD3H0WVaaBQA8LTT3S33xhVBUj232T8M3tAhSWJs/D/UqORYUlJNl/8VQZg==",
       "requires": {
         "@types/prop-types": "*",
@@ -787,7 +787,7 @@
       }
     },
     "@types/react-dom": {
-      "version": "file:../node_modules/@types/react-dom",
+      "version": "file:https:/registry.npmjs.org/@types/react-dom/-/react-dom-16.9.8.tgz",
       "integrity": "sha512-ykkPQ+5nFknnlU6lDd947WbQ6TE3NNzbQAkInC2EKY1qeYdTKp7onFusmYZb+ityzx2YviqT6BXSu+LyWWJwcA==",
       "requires": {
         "@types/react": "*"
@@ -2675,8 +2675,7 @@
           }
         },
         "@testing-library/jest-dom": {
-          "version": "4.2.4",
-          "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-4.2.4.tgz",
+          "version": "file:https:/registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-4.2.4.tgz",
           "integrity": "sha512-j31Bn0rQo12fhCWOUWy9fl7wtqkp7In/YP2p5ZFyRuiiB9Qs3g+hS4gAmDWONbAHcRmVooNJ5eOHQDCOmUFXHg==",
           "requires": {
             "@babel/runtime": "^7.5.1",
@@ -2688,21 +2687,21 @@
             "lodash": "^4.17.11",
             "pretty-format": "^24.0.0",
             "redent": "^3.0.0"
-          }
+          },
+          "dependencies": {}
         },
         "@testing-library/react": {
-          "version": "9.5.0",
-          "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-9.5.0.tgz",
+          "version": "file:https:/registry.npmjs.org/@testing-library/react/-/react-9.5.0.tgz",
           "integrity": "sha512-di1b+D0p+rfeboHO5W7gTVeZDIK5+maEgstrZbWZSSvxDyfDRkkyBE1AJR5Psd6doNldluXlCWqXriUfqu/9Qg==",
           "requires": {
             "@babel/runtime": "^7.8.4",
             "@testing-library/dom": "^6.15.0",
             "@types/testing-library__react": "^9.1.2"
-          }
+          },
+          "dependencies": {}
         },
         "@testing-library/user-event": {
-          "version": "7.2.1",
-          "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-7.2.1.tgz",
+          "version": "file:https:/registry.npmjs.org/@testing-library/user-event/-/user-event-7.2.1.tgz",
           "integrity": "sha512-oZ0Ib5I4Z2pUEcoo95cT1cr6slco9WY7yiPpG+RGNkj8YcYgJnM7pXmYmorNOReh8MIGcKSqXyeGjxnr8YiZbA=="
         },
         "@types/babel__core": {
@@ -2789,115 +2788,13 @@
           }
         },
         "@types/jest": {
-          "version": "25.2.3",
-          "resolved": "https://registry.npmjs.org/@types/jest/-/jest-25.2.3.tgz",
+          "version": "file:https:/registry.npmjs.org/@types/jest/-/jest-25.2.3.tgz",
           "integrity": "sha512-JXc1nK/tXHiDhV55dvfzqtmP4S3sy3T3ouV2tkViZgxY/zeUkcpQcQPGRlgF4KmWzWW5oiWYSZwtCB+2RsE4Fw==",
           "requires": {
             "jest-diff": "^25.2.1",
             "pretty-format": "^25.2.1"
           },
-          "dependencies": {
-            "@jest/types": {
-              "version": "25.5.0",
-              "resolved": "https://registry.npmjs.org/@jest/types/-/types-25.5.0.tgz",
-              "integrity": "sha512-OXD0RgQ86Tu3MazKo8bnrkDRaDXXMGUqd+kTtLtK1Zb7CRzQcaSRPPPV37SvYTdevXEBVxe0HXylEjs8ibkmCw==",
-              "requires": {
-                "@types/istanbul-lib-coverage": "^2.0.0",
-                "@types/istanbul-reports": "^1.1.1",
-                "@types/yargs": "^15.0.0",
-                "chalk": "^3.0.0"
-              }
-            },
-            "@types/yargs": {
-              "version": "15.0.5",
-              "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-15.0.5.tgz",
-              "integrity": "sha512-Dk/IDOPtOgubt/IaevIUbTgV7doaKkoorvOyYM2CMwuDyP89bekI7H4xLIwunNYiK9jhCkmc6pUrJk3cj2AB9w==",
-              "requires": {
-                "@types/yargs-parser": "*"
-              }
-            },
-            "ansi-regex": {
-              "version": "5.0.0",
-              "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
-              "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg=="
-            },
-            "ansi-styles": {
-              "version": "4.2.1",
-              "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz",
-              "integrity": "sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==",
-              "requires": {
-                "@types/color-name": "^1.1.1",
-                "color-convert": "^2.0.1"
-              }
-            },
-            "chalk": {
-              "version": "3.0.0",
-              "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
-              "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
-              "requires": {
-                "ansi-styles": "^4.1.0",
-                "supports-color": "^7.1.0"
-              }
-            },
-            "color-convert": {
-              "version": "2.0.1",
-              "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-              "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-              "requires": {
-                "color-name": "~1.1.4"
-              }
-            },
-            "color-name": {
-              "version": "1.1.4",
-              "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-              "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-            },
-            "diff-sequences": {
-              "version": "25.2.6",
-              "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-25.2.6.tgz",
-              "integrity": "sha512-Hq8o7+6GaZeoFjtpgvRBUknSXNeJiCx7V9Fr94ZMljNiCr9n9L8H8aJqgWOQiDDGdyn29fRNcDdRVJ5fdyihfg=="
-            },
-            "has-flag": {
-              "version": "4.0.0",
-              "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-              "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-            },
-            "jest-diff": {
-              "version": "25.5.0",
-              "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-25.5.0.tgz",
-              "integrity": "sha512-z1kygetuPiREYdNIumRpAHY6RXiGmp70YHptjdaxTWGmA085W3iCnXNx0DhflK3vwrKmrRWyY1wUpkPMVxMK7A==",
-              "requires": {
-                "chalk": "^3.0.0",
-                "diff-sequences": "^25.2.6",
-                "jest-get-type": "^25.2.6",
-                "pretty-format": "^25.5.0"
-              }
-            },
-            "jest-get-type": {
-              "version": "25.2.6",
-              "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-25.2.6.tgz",
-              "integrity": "sha512-DxjtyzOHjObRM+sM1knti6or+eOgcGU4xVSb2HNP1TqO4ahsT+rqZg+nyqHWJSvWgKC5cG3QjGFBqxLghiF/Ig=="
-            },
-            "pretty-format": {
-              "version": "25.5.0",
-              "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-25.5.0.tgz",
-              "integrity": "sha512-kbo/kq2LQ/A/is0PQwsEHM7Ca6//bGPPvU6UnsdDRSKTWxT/ru/xb88v4BJf6a69H+uTytOEsTusT9ksd/1iWQ==",
-              "requires": {
-                "@jest/types": "^25.5.0",
-                "ansi-regex": "^5.0.0",
-                "ansi-styles": "^4.0.0",
-                "react-is": "^16.12.0"
-              }
-            },
-            "supports-color": {
-              "version": "7.1.0",
-              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.1.0.tgz",
-              "integrity": "sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==",
-              "requires": {
-                "has-flag": "^4.0.0"
-              }
-            }
-          }
+          "dependencies": {}
         },
         "@types/json-schema": {
           "version": "7.0.5",
@@ -2915,8 +2812,7 @@
           "integrity": "sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA=="
         },
         "@types/node": {
-          "version": "12.12.54",
-          "resolved": "https://registry.npmjs.org/@types/node/-/node-12.12.54.tgz",
+          "version": "file:https:/registry.npmjs.org/@types/node/-/node-12.12.54.tgz",
           "integrity": "sha512-ge4xZ3vSBornVYlDnk7yZ0gK6ChHf/CHB7Gl1I0Jhah8DDnEQqBzgohYG4FX4p81TNirSETOiSyn+y1r9/IR6w=="
         },
         "@types/parse-json": {
@@ -2935,21 +2831,21 @@
           "integrity": "sha512-1HcDas8SEj4z1Wc696tH56G8OlRaH/sqZOynNNB+HF0WOeXPaxTtbYzJY2oEfiUxjSKjhCKr+MvR7dCHcEelug=="
         },
         "@types/react": {
-          "version": "16.9.46",
-          "resolved": "https://registry.npmjs.org/@types/react/-/react-16.9.46.tgz",
+          "version": "file:https:/registry.npmjs.org/@types/react/-/react-16.9.46.tgz",
           "integrity": "sha512-dbHzO3aAq1lB3jRQuNpuZ/mnu+CdD3H0WVaaBQA8LTT3S33xhVBUj232T8M3tAhSWJs/D/UqORYUlJNl/8VQZg==",
           "requires": {
             "@types/prop-types": "*",
             "csstype": "^3.0.2"
-          }
+          },
+          "dependencies": {}
         },
         "@types/react-dom": {
-          "version": "16.9.8",
-          "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-16.9.8.tgz",
+          "version": "file:https:/registry.npmjs.org/@types/react-dom/-/react-dom-16.9.8.tgz",
           "integrity": "sha512-ykkPQ+5nFknnlU6lDd947WbQ6TE3NNzbQAkInC2EKY1qeYdTKp7onFusmYZb+ityzx2YviqT6BXSu+LyWWJwcA==",
           "requires": {
             "@types/react": "*"
-          }
+          },
+          "dependencies": {}
         },
         "@types/resolve": {
           "version": "0.0.8",
@@ -12502,14 +12398,8 @@
           }
         },
         "react": {
-          "version": "16.13.1",
-          "resolved": "https://registry.npmjs.org/react/-/react-16.13.1.tgz",
-          "integrity": "sha512-YMZQQq32xHLX0bz5Mnibv1/LHb3Sqzngu7xstSM+vrkE5Kzr9xE0yMByK5kMoTK30YVJE61WfbxIFFvfeDKT1w==",
-          "requires": {
-            "loose-envify": "^1.1.0",
-            "object-assign": "^4.1.1",
-            "prop-types": "^15.6.2"
-          }
+          "version": "file:https:/registry.npmjs.org/react/-/react-16.13.1.tgz",
+          "integrity": "sha512-YMZQQq32xHLX0bz5Mnibv1/LHb3Sqzngu7xstSM+vrkE5Kzr9xE0yMByK5kMoTK30YVJE61WfbxIFFvfeDKT1w=="
         },
         "react-app-polyfill": {
           "version": "1.0.6",
@@ -12749,15 +12639,8 @@
           }
         },
         "react-dom": {
-          "version": "16.13.1",
-          "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.13.1.tgz",
-          "integrity": "sha512-81PIMmVLnCNLO/fFOQxdQkvEq/+Hfpv24XNJfpyZhTRfO0QcmQIF/PgCa1zCOj2w1hrn12MFLyaJ/G0+Mxtfag==",
-          "requires": {
-            "loose-envify": "^1.1.0",
-            "object-assign": "^4.1.1",
-            "prop-types": "^15.6.2",
-            "scheduler": "^0.19.1"
-          }
+          "version": "file:https:/registry.npmjs.org/react-dom/-/react-dom-16.13.1.tgz",
+          "integrity": "sha512-81PIMmVLnCNLO/fFOQxdQkvEq/+Hfpv24XNJfpyZhTRfO0QcmQIF/PgCa1zCOj2w1hrn12MFLyaJ/G0+Mxtfag=="
         },
         "react-error-overlay": {
           "version": "6.0.7",
@@ -12770,192 +12653,8 @@
           "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
         },
         "react-scripts": {
-          "version": "3.4.3",
-          "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-3.4.3.tgz",
-          "integrity": "sha512-oSnoWmii/iKdeQiwaO6map1lUaZLmG0xIUyb/HwCVFLT7gNbj8JZ9RmpvMCZ4fB98ZUMRfNmp/ft8uy/xD1RLA==",
-          "requires": {
-            "@babel/core": "7.9.0",
-            "@svgr/webpack": "4.3.3",
-            "@typescript-eslint/eslint-plugin": "^2.10.0",
-            "@typescript-eslint/parser": "^2.10.0",
-            "babel-eslint": "10.1.0",
-            "babel-jest": "^24.9.0",
-            "babel-loader": "8.1.0",
-            "babel-plugin-named-asset-import": "^0.3.6",
-            "babel-preset-react-app": "^9.1.2",
-            "camelcase": "^5.3.1",
-            "case-sensitive-paths-webpack-plugin": "2.3.0",
-            "css-loader": "3.4.2",
-            "dotenv": "8.2.0",
-            "dotenv-expand": "5.1.0",
-            "eslint": "^6.6.0",
-            "eslint-config-react-app": "^5.2.1",
-            "eslint-loader": "3.0.3",
-            "eslint-plugin-flowtype": "4.6.0",
-            "eslint-plugin-import": "2.20.1",
-            "eslint-plugin-jsx-a11y": "6.2.3",
-            "eslint-plugin-react": "7.19.0",
-            "eslint-plugin-react-hooks": "^1.6.1",
-            "file-loader": "4.3.0",
-            "fs-extra": "^8.1.0",
-            "html-webpack-plugin": "4.0.0-beta.11",
-            "identity-obj-proxy": "3.0.0",
-            "jest": "24.9.0",
-            "jest-environment-jsdom-fourteen": "1.0.1",
-            "jest-resolve": "24.9.0",
-            "jest-watch-typeahead": "0.4.2",
-            "mini-css-extract-plugin": "0.9.0",
-            "optimize-css-assets-webpack-plugin": "5.0.3",
-            "pnp-webpack-plugin": "1.6.4",
-            "postcss-flexbugs-fixes": "4.1.0",
-            "postcss-loader": "3.0.0",
-            "postcss-normalize": "8.0.1",
-            "postcss-preset-env": "6.7.0",
-            "postcss-safe-parser": "4.0.1",
-            "react-app-polyfill": "^1.0.6",
-            "react-dev-utils": "^10.2.1",
-            "resolve": "1.15.0",
-            "resolve-url-loader": "3.1.1",
-            "sass-loader": "8.0.2",
-            "semver": "6.3.0",
-            "style-loader": "0.23.1",
-            "terser-webpack-plugin": "2.3.8",
-            "ts-pnp": "1.1.6",
-            "url-loader": "2.3.0",
-            "webpack": "4.42.0",
-            "webpack-dev-server": "3.11.0",
-            "webpack-manifest-plugin": "2.2.0",
-            "workbox-webpack-plugin": "4.3.1"
-          },
-          "dependencies": {
-            "@babel/core": {
-              "version": "7.9.0",
-              "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.9.0.tgz",
-              "integrity": "sha512-kWc7L0fw1xwvI0zi8OKVBuxRVefwGOrKSQMvrQ3dW+bIIavBY3/NpXmpjMy7bQnLgwgzWQZ8TlM57YHpHNHz4w==",
-              "requires": {
-                "@babel/code-frame": "^7.8.3",
-                "@babel/generator": "^7.9.0",
-                "@babel/helper-module-transforms": "^7.9.0",
-                "@babel/helpers": "^7.9.0",
-                "@babel/parser": "^7.9.0",
-                "@babel/template": "^7.8.6",
-                "@babel/traverse": "^7.9.0",
-                "@babel/types": "^7.9.0",
-                "convert-source-map": "^1.7.0",
-                "debug": "^4.1.0",
-                "gensync": "^1.0.0-beta.1",
-                "json5": "^2.1.2",
-                "lodash": "^4.17.13",
-                "resolve": "^1.3.2",
-                "semver": "^5.4.1",
-                "source-map": "^0.5.0"
-              },
-              "dependencies": {
-                "semver": {
-                  "version": "5.7.1",
-                  "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-                  "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
-                }
-              }
-            },
-            "eslint-plugin-import": {
-              "version": "2.20.1",
-              "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.20.1.tgz",
-              "integrity": "sha512-qQHgFOTjguR+LnYRoToeZWT62XM55MBVXObHM6SKFd1VzDcX/vqT1kAz8ssqigh5eMj8qXcRoXXGZpPP6RfdCw==",
-              "requires": {
-                "array-includes": "^3.0.3",
-                "array.prototype.flat": "^1.2.1",
-                "contains-path": "^0.1.0",
-                "debug": "^2.6.9",
-                "doctrine": "1.5.0",
-                "eslint-import-resolver-node": "^0.3.2",
-                "eslint-module-utils": "^2.4.1",
-                "has": "^1.0.3",
-                "minimatch": "^3.0.4",
-                "object.values": "^1.1.0",
-                "read-pkg-up": "^2.0.0",
-                "resolve": "^1.12.0"
-              },
-              "dependencies": {
-                "debug": {
-                  "version": "2.6.9",
-                  "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-                  "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-                  "requires": {
-                    "ms": "2.0.0"
-                  }
-                }
-              }
-            },
-            "eslint-plugin-react": {
-              "version": "7.19.0",
-              "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.19.0.tgz",
-              "integrity": "sha512-SPT8j72CGuAP+JFbT0sJHOB80TX/pu44gQ4vXH/cq+hQTiY2PuZ6IHkqXJV6x1b28GDdo1lbInjKUrrdUf0LOQ==",
-              "requires": {
-                "array-includes": "^3.1.1",
-                "doctrine": "^2.1.0",
-                "has": "^1.0.3",
-                "jsx-ast-utils": "^2.2.3",
-                "object.entries": "^1.1.1",
-                "object.fromentries": "^2.0.2",
-                "object.values": "^1.1.1",
-                "prop-types": "^15.7.2",
-                "resolve": "^1.15.1",
-                "semver": "^6.3.0",
-                "string.prototype.matchall": "^4.0.2",
-                "xregexp": "^4.3.0"
-              },
-              "dependencies": {
-                "doctrine": {
-                  "version": "2.1.0",
-                  "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-                  "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-                  "requires": {
-                    "esutils": "^2.0.2"
-                  }
-                },
-                "resolve": {
-                  "version": "1.17.0",
-                  "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz",
-                  "integrity": "sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==",
-                  "requires": {
-                    "path-parse": "^1.0.6"
-                  }
-                }
-              }
-            },
-            "json5": {
-              "version": "2.1.3",
-              "resolved": "https://registry.npmjs.org/json5/-/json5-2.1.3.tgz",
-              "integrity": "sha512-KXPvOm8K9IJKFM0bmdn8QXh7udDh1g/giieX0NLCaMnb4hEiVFqnop2ImTXCc5e0/oHz3LTqmHGtExn5hfMkOA==",
-              "requires": {
-                "minimist": "^1.2.5"
-              }
-            },
-            "ms": {
-              "version": "2.0.0",
-              "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-              "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
-            },
-            "resolve": {
-              "version": "1.15.0",
-              "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.15.0.tgz",
-              "integrity": "sha512-+hTmAldEGE80U2wJJDC1lebb5jWqvTYAfm3YZ1ckk1gBr0MnCqUKlwK1e+anaFljIl+F5tR5IoZcm4ZDA1zMQw==",
-              "requires": {
-                "path-parse": "^1.0.6"
-              }
-            },
-            "semver": {
-              "version": "6.3.0",
-              "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-              "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
-            },
-            "source-map": {
-              "version": "0.5.7",
-              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
-              "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w="
-            }
-          }
+          "version": "file:https:/registry.npmjs.org/react-scripts/-/react-scripts-3.4.3.tgz",
+          "integrity": "sha512-oSnoWmii/iKdeQiwaO6map1lUaZLmG0xIUyb/HwCVFLT7gNbj8JZ9RmpvMCZ4fB98ZUMRfNmp/ft8uy/xD1RLA=="
         },
         "read-pkg": {
           "version": "2.0.0",
@@ -15184,8 +14883,7 @@
           "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c="
         },
         "typescript": {
-          "version": "3.9.7",
-          "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.9.7.tgz",
+          "version": "file:https:/registry.npmjs.org/typescript/-/typescript-3.9.7.tgz",
           "integrity": "sha512-BLbiRkiBzAwsjut4x/dsibSTB6yWpwT5qWmC2OfuCg3GgVQCSgMs4vEctYPhsaGtd0AeuuHMkjZ2h2WG8MSzRw=="
         },
         "unicode-canonical-property-names-ecmascript": {
diff --git a/package.json b/package.json
index c4dcf6d..ac57a1b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gantt-task-react",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "Interactive Gantt Chart for React with TypeScript.",
   "author": "MaTeMaTuK <maksym.vikarii@gmail.com>",
   "homepage": "https://github.com/MaTeMaTuK/gantt-task-react",
diff --git a/src/components/Gantt/gantt-content.tsx b/src/components/Gantt/gantt-content.tsx
index 2eaed0e..db3929c 100644
--- a/src/components/Gantt/gantt-content.tsx
+++ b/src/components/Gantt/gantt-content.tsx
@@ -91,10 +91,8 @@ export const GanttContent: React.FC<GanttContentProps> = ({
       dates[1].getTimezoneOffset() * 60 * 1000 +
       dates[0].getTimezoneOffset() * 60 * 1000;
     const newXStep = (timeStep * columnWidth) / dateDelta;
-    if (newXStep !== xStep) {
-      setXStep(newXStep);
-    }
-  }, [columnWidth, dates, timeStep, xStep]);
+    setXStep(newXStep);
+  }, [columnWidth, dates, timeStep]);
 
   // generate tasks
   useEffect(() => {
diff --git a/src/helpers/date-helper.ts b/src/helpers/date-helper.ts
index a257409..8fbf871 100644
--- a/src/helpers/date-helper.ts
+++ b/src/helpers/date-helper.ts
@@ -67,6 +67,7 @@ export const ganttDateRange = (tasks: Task[], viewMode: ViewMode) => {
   switch (viewMode) {
     case ViewMode.Month:
       newStartDate = addToDate(newStartDate, -1, "month");
+      newStartDate = startOfDate(newStartDate, "month");
       newEndDate = addToDate(newEndDate, 1, "year");
       newEndDate = startOfDate(newEndDate, "year");
       break;