Hello There
\n { children }
;\n}\n```\n\n_Parameters_\n\n- _mapSelect_ `T`: Function called on every state change. The returned value is exposed to the component implementing this hook. The function receives the `registry.select` method on the first argument and the `registry` on the second argument. When a store key is passed, all selectors for the store will be returned. This is only meant for usage of these selectors in event callbacks, not for data needed to create the element tree.\n- _deps_ `unknown[]`: If provided, this memoizes the mapSelect so the same `mapSelect` is invoked on every state change unless the dependencies change.\n\n_Returns_\n\n- `UseSelectReturn< T >`: The selected data or store selectors.\n\n### useSuspenseSelect\n\nA variant of the `useSelect` hook that has the same API, but is a compatible Suspense-enabled data source.\n\n_Parameters_\n\n- _mapSelect_ `T`: Function called on every state change. The returned value is exposed to the component using this hook. The function receives the `registry.suspendSelect` method as the first argument and the `registry` as the second one.\n- _deps_ `unknown[]`: A dependency array used to memoize the `mapSelect` so that the same `mapSelect` is invoked on every state change unless the dependencies change.\n\n_Returns_\n\n- `ReturnType< T >`: Data object returned by the `mapSelect` function.\n\n### withDispatch\n\nHigher-order component used to add dispatch props using registered action creators.\n\n_Usage_\n\n```jsx\nfunction Button( { onClick, children } ) {\n\treturn (\n\t\t\n\t);\n}\n\nimport { withDispatch } from '@wordpress/data';\nimport { store as myCustomStore } from 'my-custom-store';\n\nconst SaleButton = withDispatch( ( dispatch, ownProps ) => {\n\tconst { startSale } = dispatch( myCustomStore );\n\tconst { discountPercent } = ownProps;\n\n\treturn {\n\t\tonClick() {\n\t\t\tstartSale( discountPercent );\n\t\t},\n\t};\n} )( Button );\n\n// Rendered in the application:\n//\n// ![\"Code](\"https://s.w.org/style/images/codeispoetry.png?1\")