upgrades and bundle in is-dom (no more dependencies!)

.storybook/main.js

@@ -1,3 +1,6 @@
 module.exports = {
   stories: ['../stories/*.*'],
+  core: {
+    builder: 'webpack5'
+  }
 };

package.json

@@ -44,22 +44,13 @@
     "build": "tsup",
     "build-storybook": "build-storybook",
     "chromatic": "chromatic --project-token=17yeg4lpa7q",
-    "clean": "rimraf dist",
     "lint": "eslint src stories --fix",
-    "prerelease": "npm run lint && npm run test && npm run clean && npm run build",
+    "prerelease": "npm run lint && npm run test && npm run build",
     "release": "npm publish . --access public",
     "storybook": "start-storybook -p 9001",
-    "test": "jest src",
-    "test-updatesnapshot": "jest src --update-snapshot",
-    "test-watch": "npm run test -- --watch"
-  },
-  "dependencies": {
-    "@babel/runtime": "^7.0.0",
-    "is-dom": "^1.0.0",
-    "prop-types": "^15.0.0"
+    "test": "jest src"
   },
   "devDependencies": {
-    "@babel/cli": "^7.11.6",
     "@babel/core": "^7.11.6",
     "@babel/plugin-proposal-class-properties": "^7.10.4",
     "@babel/plugin-proposal-do-expressions": "^7.10.4",
@@ -74,39 +65,28 @@
     "@babel/preset-react": "^7.10.4",
     "@babel/preset-typescript": "^7.18.6",
     "@babel/register": "^7.11.5",
+    "@storybook/builder-webpack5": "^6.5.9",
+    "@storybook/manager-webpack5": "^6.5.9",
     "@storybook/react": "^6.5.9",
     "@types/is-dom": "^1.1.0",
     "@types/react": "^16",
     "@typescript-eslint/eslint-plugin": "^5.30.4",
     "@typescript-eslint/parser": "^5.30.4",
-    "babel-eslint": "^10.1.0",
     "babel-loader": "^8.1.0",
     "chromatic": "^6.7.0",
-    "css-loader": "^4.3.0",
     "eslint": "^8.19.0",
     "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-jasmine": "^4.1.1",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.20.6",
     "expect": "^26.4.2",
+    "is-dom": "^1.1.0",
     "jest": "^26.4.2",
     "prettier": "^2.1.1",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
-    "react-hot-loader": "^4.12.21",
     "react-test-renderer": "^16.13.1",
-    "rimraf": "^3.0.2",
-    "rollup": "^2.26.11",
-    "rollup-plugin-babel": "^4.4.0",
-    "rollup-plugin-cleanup": "^3.1.1",
-    "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-node-resolve": "^5.2.0",
-    "style-loader": "^1.2.1",
     "tsup": "^6.1.3",
     "typescript": "^4.7.4",
-    "webpack": "^4.44.1",
-    "webpack-cli": "^3.3.12",
-    "webpack-dev-server": "^3.11.0"
+    "webpack": "^5"
   },
   "peerDependencies": {
     "react": "^16.8.4 || ^17.0.0 || ^18.0.0"

src/dom-inspector/DOMInspector.tsx

@@ -1,5 +1,4 @@
 import React, { FC } from 'react';
-import PropTypes from 'prop-types';
 
 import { DOMNodePreview } from './DOMNodePreview';
 import { TreeView } from '../tree-view/TreeView';

src/dom-inspector/DOMNodePreview.tsx

@@ -1,5 +1,4 @@
 import React, { FC, ReactChild } from 'react';
-// import PropTypes from 'prop-types';
 
 import { useStyles } from '../styles';
 import { shouldInline } from './shouldInline';

src/object-inspector/ObjectInspector.tsx

@@ -1,5 +1,4 @@
 import React, { FC } from 'react';
-// import PropTypes from 'prop-types';
 import { TreeView } from '../tree-view/TreeView';
 
 import { ObjectRootLabel } from './ObjectRootLabel';

src/object-inspector/ObjectLabel.tsx

@@ -1,5 +1,4 @@
 import React, { FC } from 'react';
-// import PropTypes from 'prop-types';
 import { ObjectName } from '../object/ObjectName';
 import { ObjectValue } from '../object/ObjectValue';
 import { ObjectPreview } from './ObjectPreview';

src/object/ObjectName.tsx

@@ -1,5 +1,4 @@
 import React, { FC } from 'react';
-// import PropTypes from 'prop-types';
 import { useStyles } from '../styles';
 
 /**

src/object/ObjectValue.tsx

@@ -1,5 +1,4 @@
 import React, { FC } from 'react';
-// import PropTypes from 'prop-types';
 
 import { useStyles } from '../styles';
 

src/styles/styles.tsx

@@ -1,4 +1,3 @@
-// import PropTypes from 'prop-types';
 import React, { createContext, useContext, useMemo } from 'react';
 
 import * as themes from './themes';

src/table-inspector/TableInspector.tsx

@@ -5,7 +5,6 @@
  */
 
 import React, { FC, useCallback, useState } from 'react';
-// import PropTypes from 'prop-types';
 
 import { getHeaders } from './getHeaders';
 import { DataContainer } from './DataContainer';

src/tree-view/TreeNode.tsx

@@ -1,6 +1,5 @@
 /* eslint-disable @typescript-eslint/no-empty-function */
 import React, { Children, FC, memo } from 'react';
-// import PropTypes from 'prop-types';
 import { useStyles } from '../styles';
 
 const Arrow: FC<any> = ({ expanded, styles }) => (

src/tree-view/TreeView.tsx

@@ -1,5 +1,4 @@
 import React, { useContext, useCallback, useLayoutEffect, useState, memo } from 'react';
-// import PropTypes from 'prop-types';
 import { ExpandedPathsContext } from './ExpandedPathsContext';
 import { TreeNode } from './TreeNode';
 import { DEFAULT_ROOT_PATH, hasChildNodes, getExpandedPaths } from './pathUtils';