import*asReactfrom'react'import{connectasreactReduxConnect}from'react-redux'import{bindActionCreators,Dispatch,ActionCreatorsMapObject,}from'redux'/** * This is just a small wrapper around react-redux's connect function *@param  Component                The component you want to connect *@param  mapStateToProps          The "normal" mapStateToProps function *@param  mapActionCreatorsToProps A function that returns an object with the actions your component will call */exportdefaultfunctionconnect(Component:React.ComponentType<any>,mapStateToProps:(state:Object,ownProps:Object)=>Object,mapActionCreatorsToProps:(dispatch?:Dispatch<any>)=>ActionCreatorsMapObject=()=>({})// This default value is just a function that returns an empty object){returnreactReduxConnect(mapStateToProps,(dispatch:Dispatch<any>)=>bindActionCreators(mapActionCreatorsToProps(dispatch),dispatch))(Component)}

**interfaceIProps{testId:string;  haah:number;  getCharacters:Function;  setCharacter:Function;  searchCharacters:Function;  character:any;  characters:ICharacter[];  isFetching:Boolean;}// Note: This is mainly done to enable testingexportconstCharacterContainer:React.FunctionComponent<IProps>=({  testId,  getCharacters,  character,})=>{//render component};// Make data available on propsconstmapStateToProps=(store:any)=>{return{character:store.characterState.character,};};// Make functions available on propsconstmapDispatchToProps=(dispatch:any)=>{return{getCharacters:()=>dispatch(getCharactersStartActionCreator()),};};// Connect the app aware container to the store and reducersreduxConnectexportdefaultconnect(CharacterContainer,mapStateToProps,mapDispatchToProps);**