🌳Maintainance Update (v8.0.0)

[snelsi]

This PR is a combination of various fixes, project setup improvements, and chore/dependencies updates.

It includes some major (and possibly breaking) changes, so make sure to test it before the release. Also, please consider releasing this as a new major version (v8).

✅ ChangeLog:

Dependencies

• Update all dev dependencies to the latest version
• Remove unused/redundant dependencies
• Regenerate yarn.lock

Docs

• Update License copyright year to 2023
• Fix License copyright name

Refactor

• Minor code cleanup
• Remove redundant isSSR check inside the useEffect hook
• Cleanup examples, remove unused imports

Types

• Add missing TS types
• Fixed some problematic TS types
• Swap any with unknown where possible
• Add stricter template requirements for the useResizeDetector hook

Eslint + Prettier

• Add proper Eslint + Prettier setup
• Remove redundant .vscode prettier config
• Remove redundant formatting rules inside .eslintrc
• Add formatting and linting related scripts to package.json:
  • prettier - run Prettier formatting on all files,
  • lint - run Eslint linting on all files,
  • lint-fix - run Eslint linting on all files and fix all auto-fixable problems,
  • fix - run both Prettier + Eslint
• Run prettier + eslint fix for all files, fix eslint errors and warnings

Rollup v3

• Update to Rollup v3
• Update plugins config:
  • rollup-plugin-typescript2 => @rollup/plugin-typescript
  • @rollup/plugin-terser added
  • rollup-plugin-node-externals added
• Add export of ResizeDetectorProps and useResizeDetectorProps types in the root
• Add missing prepublishOnly script

⚠️ Breaking Changes:

• Generated TS types inside the build folder moved to the types folder
• Remove the deprecated withPolyfill.d.ts file
• ComponentsProps => ResizeDetectorProps
• patchResizeHandlerType => PatchedResizeObserverCallback
• If both handleWidth and handleHeight are turned off, ResizeObserver and resizeCallback won't be created

Testing Fork

You can test this PR by installing my fork npm i @snelsi/react-resize-detector:
https://www.npmjs.com/package/@snelsi/react-resize-detector

Note about Terser and Build size

In my tests adding `terser` rollup plugin reduces the build output from ~200kb to ~56kb `(-72% reduction)` by removing comments, and spaces, and minimizing variable names:

But it uglifies the source code, so I'm not sure if it makes sense to keep it or not. Will probably remove it after some more
testing.

[maslianok]

🤣

[maslianok]

🎄

[maslianok]

WOW! 😲
Thank you so much for this PR 👏 Well done!