1. hoist-non-react-statics
Copies non-react specific statics from a child component to a parent component
hoist-non-react-statics
Package: hoist-non-react-statics
Created by: mridgway
Last modified: Sat, 18 Jun 2022 21:04:25 GMT
Version: 3.3.2
License: BSD-3-Clause
Downloads: 65,787,837
Repository: https://github.com/mridgway/hoist-non-react-statics

Install

npm install hoist-non-react-statics
yarn add hoist-non-react-statics

hoist-non-react-statics

NPM version
Build Status
Coverage Status
Dependency Status
devDependency Status

Copies non-react specific statics from a child component to a parent component.
Similar to Object.assign, but with React static keywords blacklisted from
being overridden.

 $ npm install --save hoist-non-react-statics

Usage

 import hoistNonReactStatics from 'hoist-non-react-statics';

hoistNonReactStatics(targetComponent, sourceComponent);

If you have specific statics that you don't want to be hoisted, you can also pass a third parameter to exclude them:

 hoistNonReactStatics(targetComponent, sourceComponent, { myStatic: true, myOtherStatic: true });

What does this module do?

See this explanation from the React docs.

Compatible React Versions

Please use latest 3.x. Versions prior to 3.x will not support ForwardRefs.

hoist-non-react-statics Version Compatible React Version
3.x 0.13-16.x With ForwardRef Support
2.x 0.13-16.x Without ForwardRef Support
1.x 0.13-16.2

Browser Support

This package uses Object.defineProperty which has a broken implementation in IE8. In order to use this package in IE8, you will need a polyfill that fixes this method.

License

This software is free to use under the Yahoo Inc. BSD license.
See the LICENSE file for license text and copyright information.

Third-party open source code used are listed in our package.json file.

Dependencies

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin