<commit_before># mobx-react

[![CircleCI](https://circleci.com/gh/mobxjs/mobx-react.svg?style=svg)](https://circleci.com/gh/mobxjs/mobx-react)
[![Join the chat at https://gitter.im/mobxjs/mobx](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/mobxjs/mobx?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
[![CDNJS](https://img.shields.io/cdnjs/v/mobx-react.svg)](https://cdnjs.com/libraries/mobx-react)

Package with React component wrapper for combining React with MobX.
Exports the `observer` decorator and other utilities.
For documentation, see the [MobX](https://mobxjs.github.io/mobx) project.
There is also work-in-progress [user guide](https://mobx-react.js.org) for additional information.
This package supports both React and React Native.

## Choosing your version

There are currently two actively maintained versions of mobx-react:

| NPM Version | Support MobX version | Supported React versions | Supports hook based components                                                   |
| ----------- | -------------------- | ------------------------ | -------------------------------------------------------------------------------- |
| v7          | 6.\*                 | 16.8+                    | Yes                                                                              |
| v6          | 4._ / 5._            | 16.8+                    | Yes                                                                              |
| v5          | 4._ / 5._            | 0.13+                    | No, but it is possible to use `<Observer>` sections inside hook based components |

mobx-react 6 / 7 is a repackage of the maller [mobx-react-lite](https://github.com/mobxjs/mobx-react-lite) package + following features from the `mobx-react@5` package added:

-   Support for class based components for `observer` and `@observer`
-   `Provider / inject` to pass stores around (but consider to use `React.createContext` instead)
-   `PropTypes` to describe observable based property checkers (but consider to use TypeScript instead)
-   The `disposeOnUnmount` utility / decorator to easily clean up resources such as reactions created in your class based components.

## Installation

`npm install mobx-react --save`
<commit_msg>Type fix<commit_after># mobx-react

[![CircleCI](https://circleci.com/gh/mobxjs/mobx-react.svg?style=svg)](https://circleci.com/gh/mobxjs/mobx-react)
[![Join the chat at https://gitter.im/mobxjs/mobx](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/mobxjs/mobx?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
[![CDNJS](https://img.shields.io/cdnjs/v/mobx-react.svg)](https://cdnjs.com/libraries/mobx-react)

Package with React component wrapper for combining React with MobX.
Exports the `observer` decorator and other utilities.
For documentation, see the [MobX](https://mobxjs.github.io/mobx) project.
There is also work-in-progress [user guide](https://mobx-react.js.org) for additional information.
This package supports both React and React Native.

## Choosing your version

There are currently two actively maintained versions of mobx-react:

| NPM Version | Support MobX version | Supported React versions | Supports hook based components                                                   |
| ----------- | -------------------- | ------------------------ | -------------------------------------------------------------------------------- |
| v7          | 6.\*                 | 16.8+                    | Yes                                                                              |
| v6          | 4._ / 5._            | 16.8+                    | Yes                                                                              |
| v5          | 4._ / 5._            | 0.13+                    | No, but it is possible to use `<Observer>` sections inside hook based components |

mobx-react 6 / 7 is a repackage of the smaller [mobx-react-lite](https://github.com/mobxjs/mobx-react-lite) package + following features from the `mobx-react@5` package added:

-   Support for class based components for `observer` and `@observer`
-   `Provider / inject` to pass stores around (but consider to use `React.createContext` instead)
-   `PropTypes` to describe observable based property checkers (but consider to use TypeScript instead)
-   The `disposeOnUnmount` utility / decorator to easily clean up resources such as reactions created in your class based components.

## Installation

`npm install mobx-react --save`

{'fraction_non_alphanumeric': 0.16072214883311317, 'fraction_numerical': 0.009687362395420519, 'mean_word_length': 1.8608312342569269, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 20, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 20, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1102091', 'n_tokens_mistral': 1249, 'n_tokens_neox': 1178, 'n_words': 349}