Format all files

docs/api/Provider.md

@@ -87,7 +87,7 @@ const root = ReactDOM.createRoot(document.getElementById('root'))
 root.render(
   <Provider store={store}>
     <App />
-  </Provider>
+  </Provider>,
 )
 ```
 
@@ -111,6 +111,6 @@ hydrateRoot(
   document.getElementById('root'),
   <Provider store={clientStore} serverState={preloadedState}>
     <App />
-  </Provider>
+  </Provider>,
 )
 ```

docs/api/connect.md

@@ -125,7 +125,7 @@ The second parameter is normally referred to as `ownProps` by convention.
 
 ```js
 // binds on component re-rendering
-<button onClick={() => this.props.toggleTodo(this.props.todoId)} />
+;<button onClick={() => this.props.toggleTodo(this.props.todoId)} />
 
 // binds on `props` change
 const mapDispatchToProps = (dispatch, ownProps) => ({
@@ -203,7 +203,7 @@ The fields in the plain object you return from it will be used as the props for
 
 The return value of `mergeProps` is referred to as `mergedProps` and the fields will be used as the props for the wrapped component.
 
-> Note: Creating new values in mergeProps will cause re-renders. It is recommended that you memoize fields in order to avoid unnecessary re-renders. 
+> Note: Creating new values in mergeProps will cause re-renders. It is recommended that you memoize fields in order to avoid unnecessary re-renders.
 
 ### `options?: Object`
 
@@ -229,7 +229,7 @@ You may pass the context to your connected component either by passing it here a
 ```js
 // const MyContext = React.createContext();
 connect(mapStateToProps, mapDispatchToProps, null, { context: MyContext })(
-  MyComponent
+  MyComponent,
 )
 ```
 
@@ -450,7 +450,7 @@ function mapDispatchToProps(dispatch) {
   return {
     actions: bindActionCreators(
       { ...todoActionCreators, ...counterActionCreators },
-      dispatch
+      dispatch,
     ),
   }
 }
@@ -472,7 +472,7 @@ function mapStateToProps(state) {
 function mapDispatchToProps(dispatch) {
   return bindActionCreators(
     { ...todoActionCreators, ...counterActionCreators },
-    dispatch
+    dispatch,
   )
 }
 

docs/api/hooks.md

@@ -36,7 +36,7 @@ const root = ReactDOM.createRoot(document.getElementById('root'))
 root.render(
   <Provider store={store}>
     <App />
-  </Provider>
+  </Provider>,
 )
 ```
 
@@ -174,7 +174,7 @@ import { createSelector } from 'reselect'
 
 const selectNumCompletedTodos = createSelector(
   (state) => state.todos,
-  (todos) => todos.filter((todo) => todo.completed).length
+  (todos) => todos.filter((todo) => todo.completed).length,
 )
 
 export const CompletedTodosCounter = () => {
@@ -203,12 +203,12 @@ const selectCompletedTodosCount = createSelector(
   (state) => state.todos,
   (_, completed) => completed,
   (todos, completed) =>
-    todos.filter((todo) => todo.completed === completed).length
+    todos.filter((todo) => todo.completed === completed).length,
 )
 
 export const CompletedTodosCount = ({ completed }) => {
   const matchingCount = useSelector((state) =>
-    selectCompletedTodosCount(state, completed)
+    selectCompletedTodosCount(state, completed),
   )
 
   return <div>{matchingCount}</div>
@@ -364,7 +364,7 @@ export const CounterComponent = ({ value }) => {
   const dispatch = useDispatch()
   const incrementCounter = useCallback(
     () => dispatch({ type: 'increment-counter' }),
-    [dispatch]
+    [dispatch],
   )
 
   return (
@@ -573,7 +573,7 @@ export function useActions(actions, deps) {
       }
       return bindActionCreators(actions, dispatch)
     },
-    deps ? [dispatch, ...deps] : [dispatch]
+    deps ? [dispatch, ...deps] : [dispatch],
   )
 }
 ```

docs/introduction/getting-started.md

@@ -75,7 +75,7 @@ const root = ReactDOM.createRoot(document.getElementById('root'))
 root.render(
   <Provider store={store}>
     <App />
-  </Provider>
+  </Provider>,
 )
 ```
 

docs/tutorials/connect.md

@@ -99,7 +99,7 @@ const root = ReactDOM.createRoot(document.getElementById('root'))
 root.render(
   <Provider store={store}>
     <TodoApp />
-  </Provider>
+  </Provider>,
 )
 ```
 

docs/tutorials/quick-start.md

@@ -80,7 +80,7 @@ root.render(
   // highlight-next-line
   <Provider store={store}>
     <App />
-  </Provider>
+  </Provider>,
 )
 ```
 

docs/using-react-redux/connect-dispatching-actions-with-mapDispatchToProps.md

@@ -245,7 +245,7 @@ const boundIncrement = bindActionCreators(increment, dispatch)
 // binding an object full of action creators
 const boundActionCreators = bindActionCreators(
   { increment, decrement, reset },
-  dispatch
+  dispatch,
 )
 // returns
 // {

docs/using-react-redux/connect-extracting-data-with-mapStateToProps.md

@@ -69,7 +69,7 @@ function mapStateToProps(state, ownProps) {
 }
 
 // Later, in your application, a parent component renders:
-<ConnectedTodo id={123} />
+;<ConnectedTodo id={123} />
 // and your component receives props.id, props.todo, and props.visibilityFilter
 ```
 

docs/using-react-redux/usage-with-typescript.md

@@ -245,7 +245,7 @@ const MyComponent = (props: Props) => (
 // Typical usage: `connect` is called after the component is defined
 export default connect<StateProps, DispatchProps, OwnProps>(
   mapState,
-  mapDispatch
+  mapDispatch,
 )(MyComponent)
 ```
 

src/components/Context.ts

@@ -6,7 +6,7 @@ import type { ProviderProps } from './Provider'
 
 export interface ReactReduxContextValue<
   SS = any,
-  A extends Action<string> = UnknownAction
+  A extends Action<string> = UnknownAction,
 > extends Pick<ProviderProps, 'stabilityCheck' | 'identityFunctionCheck'> {
   store: Store<SS, A>
   subscription: Subscription

src/components/Provider.tsx

@@ -9,7 +9,7 @@ import { ReactReduxContext } from './Context'
 
 export interface ProviderProps<
   A extends Action<string> = UnknownAction,
-  S = unknown
+  S = unknown,
 > {
   /**
    * The single Redux store in your application.