diff --git a/.idea/compiler.xml b/.idea/compiler.xml
new file mode 100644
index 0000000..9014410
--- /dev/null
+++ b/.idea/compiler.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="TypeScriptCompiler">
+    <option name="showAllErrors" value="true" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/my-app/package-lock.json b/my-app/package-lock.json
index 0551266..0285470 100644
--- a/my-app/package-lock.json
+++ b/my-app/package-lock.json
@@ -1628,6 +1628,11 @@
         "@types/node": "*"
       }
     },
+    "@types/history": {
+      "version": "4.7.8",
+      "resolved": "https://registry.npmjs.org/@types/history/-/history-4.7.8.tgz",
+      "integrity": "sha512-S78QIYirQcUoo6UJZx9CSP0O2ix9IaeAXwQi26Rhr/+mg7qqPy8TzaxHSUut7eGjL8WmLccT7/MXf304WjqHcA=="
+    },
     "@types/hoist-non-react-statics": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz",
@@ -1836,6 +1841,25 @@
         "redux": "^4.0.0"
       }
     },
+    "@types/react-router": {
+      "version": "5.1.11",
+      "resolved": "https://registry.npmjs.org/@types/react-router/-/react-router-5.1.11.tgz",
+      "integrity": "sha512-ofHbZMlp0Y2baOHgsWBQ4K3AttxY61bDMkwTiBOkPg7U6C/3UwwB5WaIx28JmSVi/eX3uFEMRo61BV22fDQIvg==",
+      "requires": {
+        "@types/history": "*",
+        "@types/react": "*"
+      }
+    },
+    "@types/react-router-dom": {
+      "version": "5.1.7",
+      "resolved": "https://registry.npmjs.org/@types/react-router-dom/-/react-router-dom-5.1.7.tgz",
+      "integrity": "sha512-D5mHD6TbdV/DNHYsnwBTv+y73ei+mMjrkGrla86HthE4/PVvL1J94Bu3qABU+COXzpL23T1EZapVVpwHuBXiUg==",
+      "requires": {
+        "@types/history": "*",
+        "@types/react": "*",
+        "@types/react-router": "*"
+      }
+    },
     "@types/redux-form": {
       "version": "8.3.0",
       "resolved": "https://registry.npmjs.org/@types/redux-form/-/redux-form-8.3.0.tgz",
diff --git a/my-app/package.json b/my-app/package.json
index 5484eb7..476a6ac 100644
--- a/my-app/package.json
+++ b/my-app/package.json
@@ -11,6 +11,7 @@
     "@types/react": "^16.9.55",
     "@types/react-dom": "^16.9.9",
     "@types/react-redux": "^7.1.9",
+    "@types/react-router-dom": "^5.1.7",
     "@types/redux-form": "^8.3.0",
     "axios": "^0.19.2",
     "react": "^16.13.1",
diff --git a/my-app/src/App.tsx b/my-app/src/App.tsx
index ae1d156..b211129 100644
--- a/my-app/src/App.tsx
+++ b/my-app/src/App.tsx
@@ -20,6 +20,7 @@ type DispatchPropsType= {
     initializeApp:()=>void
 }
 
+const ProfileContainerWithSuspense=withSuspense(ProfileContainer)
 class App extends Component<MapPropsType & DispatchPropsType > {
 
     componentDidMount() {
@@ -39,7 +40,7 @@ class App extends Component<MapPropsType & DispatchPropsType > {
 
                   <Route path='/dialogs' render={withSuspense(DialogsContainer)}/>
 
-                  <Route path='/profile/:userId?' render={withSuspense(ProfileContainer)}/>
+                  <Route path='/profile/:userId?' render={()=><ProfileContainerWithSuspense/>}/>
 
                   <Route path='/users' render={() => <UsersContainer/>}/>
                   <Route path='/login' render={() => <Login/>}/>
diff --git a/my-app/src/components/Dialogs/DialogsItem/DialogsItem.jsx b/my-app/src/components/Dialogs/DialogsItem/DialogsItem.tsx
similarity index 75%
rename from my-app/src/components/Dialogs/DialogsItem/DialogsItem.jsx
rename to my-app/src/components/Dialogs/DialogsItem/DialogsItem.tsx
index f0cc0dc..134a66b 100644
--- a/my-app/src/components/Dialogs/DialogsItem/DialogsItem.jsx
+++ b/my-app/src/components/Dialogs/DialogsItem/DialogsItem.tsx
@@ -2,7 +2,12 @@ import React from 'react';
 import styles from '../Dialogs.module.css'
 import { NavLink } from 'react-router-dom';
 
-const DialogsItem = (props) => {
+type PropsType={
+    id: number
+    name: string
+}
+
+const DialogsItem: React.FC<PropsType> = (props) => {
     let path = "/dialogs/" + props.id;
     return (
         <div className={`${styles.dialogs} ${styles.active}`}>
diff --git a/my-app/src/components/Dialogs/Messages/Messages.jsx b/my-app/src/components/Dialogs/Messages/Messages.tsx
similarity index 75%
rename from my-app/src/components/Dialogs/Messages/Messages.jsx
rename to my-app/src/components/Dialogs/Messages/Messages.tsx
index 7e9c6ac..8c566f8 100644
--- a/my-app/src/components/Dialogs/Messages/Messages.jsx
+++ b/my-app/src/components/Dialogs/Messages/Messages.tsx
@@ -1,8 +1,10 @@
 import React from 'react';
 import styles from '../Dialogs.module.css'
 
-
-const Messages=(props)=>{
+type PropsType={
+    message: string
+}
+const Messages :React.FC<PropsType>=(props)=>{
     return(
         <div>
         <div 
diff --git a/my-app/src/components/Header/Header.jsx b/my-app/src/components/Header/Header.tsx
similarity index 73%
rename from my-app/src/components/Header/Header.jsx
rename to my-app/src/components/Header/Header.tsx
index e586fc4..6323f67 100644
--- a/my-app/src/components/Header/Header.jsx
+++ b/my-app/src/components/Header/Header.tsx
@@ -2,7 +2,16 @@ import React from 'react';
 import  styles from './Header.module.css';
 import { NavLink } from 'react-router-dom';
 
-const Header= (props)=> {
+export type MapStatePropsType={
+    isAuth: boolean,
+    login: string | null
+
+}
+
+export type MapDispatchPropsType={
+    logout: () => void
+}
+const Header: React.FC<MapStatePropsType & MapDispatchPropsType> = (props)=> {
   return (
        <header className={styles.header}>
           <img src='https://w7.pngwing.com/pngs/553/496/png-transparent-honda-logo-honda-logo-car-honda-accord-vin-diesel-celebrities-angle-text.png' />
diff --git a/my-app/src/components/Header/HeaderContainer.jsx b/my-app/src/components/Header/HeaderContainer.jsx
deleted file mode 100644
index bf08a96..0000000
--- a/my-app/src/components/Header/HeaderContainer.jsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from 'react';
-import Header from './Header';
-import { connect } from 'react-redux';
-import {LogoutUserThunkCreator } from '../../redux/auth-reducer';
-
-
-
-class HeaderContainer extends React.Component {
- 
-  render() {
-    return <>
-      <Header {...this.props} logout={this.props.LogoutUserThunkCreator}/>
-    </>
-  }
-}
-
-let mapStateToProps=(state)=>({
-  isAuth:state.auth.isAuth,
-  login:state.auth.login
- 
-})
-export default connect(mapStateToProps, {LogoutUserThunkCreator})(HeaderContainer);
\ No newline at end of file
diff --git a/my-app/src/components/Header/HeaderContainer.tsx b/my-app/src/components/Header/HeaderContainer.tsx
new file mode 100644
index 0000000..11253a3
--- /dev/null
+++ b/my-app/src/components/Header/HeaderContainer.tsx
@@ -0,0 +1,27 @@
+import React from 'react';
+import Header, {MapStatePropsType, MapDispatchPropsType} from './Header';
+import { connect } from 'react-redux';
+import {LogoutUserThunkCreator } from '../../redux/auth-reducer';
+import {AppStateType} from "../../redux/redux-store";
+
+
+
+class HeaderContainer extends React.Component<MapStatePropsType & MapDispatchPropsType> {
+ 
+  render() {
+    return <>
+      <Header {...this.props} />
+    </>
+  }
+}
+
+let mapStateToProps=(state: AppStateType)=>({
+  isAuth:state.auth.isAuth,
+  login:state.auth.login
+
+ 
+})
+export default connect<MapStatePropsType, MapDispatchPropsType, {}, AppStateType>
+(mapStateToProps,
+    {logout:LogoutUserThunkCreator})
+(HeaderContainer);
\ No newline at end of file
diff --git a/my-app/src/components/NavBar/NavBar.jsx b/my-app/src/components/NavBar/NavBar.tsx
similarity index 96%
rename from my-app/src/components/NavBar/NavBar.jsx
rename to my-app/src/components/NavBar/NavBar.tsx
index 4711331..ccfd659 100644
--- a/my-app/src/components/NavBar/NavBar.jsx
+++ b/my-app/src/components/NavBar/NavBar.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import styles from './NavBar.module.css';
 import { NavLink } from 'react-router-dom';
 
-const NavBar= ()=> {
+const NavBar:React.FC= ()=> {
   return (
         <nav className={styles.nav}>
             <div className={styles.item}>
diff --git a/my-app/src/components/Profile/MyPosts/MyPosts.tsx b/my-app/src/components/Profile/MyPosts/MyPosts.tsx
index 7dd99bb..5341a26 100644
--- a/my-app/src/components/Profile/MyPosts/MyPosts.tsx
+++ b/my-app/src/components/Profile/MyPosts/MyPosts.tsx
@@ -8,11 +8,15 @@ import {PostType} from "../../../redux/types/types";
   
 const maxLength10=maxLengthCreator(10);
 
-type PropsType={
+export type MapStatePropsType={
     posts: Array<PostType>,
+
+}
+
+export type MapDispatchPropsType={
     newPost: (newPostText:string)=>void
 }
-const MyPosts: React.FC<PropsType> = (props) => {
+const MyPosts: React.FC<MapStatePropsType & MapDispatchPropsType> = (props) => {
 
   let onNewPost=(values: MyPostsFormType)=>{
   props.newPost(values.newPostText);
diff --git a/my-app/src/components/Profile/MyPosts/MyPostsContainer.tsx b/my-app/src/components/Profile/MyPosts/MyPostsContainer.tsx
index 6920f38..44f8377 100644
--- a/my-app/src/components/Profile/MyPosts/MyPostsContainer.tsx
+++ b/my-app/src/components/Profile/MyPosts/MyPostsContainer.tsx
@@ -1,26 +1,20 @@
 import React from 'react';
-import MyPosts from './MyPosts'
+import MyPosts, {MapDispatchPropsType, MapStatePropsType} from './MyPosts'
 import { actions } from '../../../redux/profile-reducer';
 import { connect } from 'react-redux';
+import {AppStateType} from "../../../redux/redux-store";
 
 
-let mapStateToProps=(state)=>{
+let mapStateToProps=(state: AppStateType)=>{
   return{
-    posts:state.profilePage.postMessageData,
-    newPostText:state.profilePage.newPostText
+    posts:state.profilePage.postMessageData
   }
 
 }
 
-let mapDispatchToProps=(dispatch)=>{
-  return{
-    newPost:(newPostText)=>{
-      dispatch(actions.newPostActionCreator(newPostText));
-      }
-  }
-}
-
 
-const MyPostsContainer=connect(mapStateToProps, mapDispatchToProps)(MyPosts)
+const MyPostsContainer=connect<MapStatePropsType, MapDispatchPropsType, {}, AppStateType>(mapStateToProps, {
+  newPost:actions.newPostActionCreator
+})(MyPosts)
 
 export default MyPostsContainer;
\ No newline at end of file
diff --git a/my-app/src/components/Profile/MyPosts/Post/Post.jsx b/my-app/src/components/Profile/MyPosts/Post/Post.tsx
similarity index 68%
rename from my-app/src/components/Profile/MyPosts/Post/Post.jsx
rename to my-app/src/components/Profile/MyPosts/Post/Post.tsx
index d01d124..e7cca28 100644
--- a/my-app/src/components/Profile/MyPosts/Post/Post.jsx
+++ b/my-app/src/components/Profile/MyPosts/Post/Post.tsx
@@ -1,7 +1,9 @@
 import React from 'react';
 import styles from './Post.module.css';
-
-const Post = (props) => {
+type PostType={
+    message: string
+}
+const Post:React.FC<PostType>= (props) => {
   return ( 
       <div className={styles.item}>
         {props.message}
diff --git a/my-app/src/components/Profile/Profile.tsx b/my-app/src/components/Profile/Profile.tsx
index b181c82..1fccf00 100644
--- a/my-app/src/components/Profile/Profile.tsx
+++ b/my-app/src/components/Profile/Profile.tsx
@@ -2,8 +2,18 @@ import React from 'react';
 import styles from './Profile.module.css';
 import MyPostsContainer from './MyPosts/MyPostsContainer';
 import ProfileInfo from './ProfileInfo/ProfileInfo'
+import {ProfileType} from "../../redux/types/types";
 
-const Profile = (props) => {
+type PropsType={
+    profile: ProfileType | null
+    savePhoto: (file: File)=>void,
+    saveProfile: (profile: ProfileType)=>void
+    isOwner: boolean
+    status: string,
+    updateStatus: (status: string)=>void
+}
+
+const Profile: React.FC<PropsType> = (props) => {
   return (
     <div className={styles.content}>
       <ProfileInfo profile={props.profile} status={props.status} 
@@ -14,8 +24,7 @@ const Profile = (props) => {
       
       />
        
-      <MyPostsContainer store={props.store}
-              />
+      <MyPostsContainer/>
               
     </div>
 
diff --git a/my-app/src/components/Profile/ProfileContainer.tsx b/my-app/src/components/Profile/ProfileContainer.tsx
index 8e8cb78..9d7feea 100644
--- a/my-app/src/components/Profile/ProfileContainer.tsx
+++ b/my-app/src/components/Profile/ProfileContainer.tsx
@@ -9,27 +9,53 @@ import {
 import { connect } from "react-redux";
 import { withRouter } from 'react-router-dom';
 import { compose } from 'redux';
+import {AppStateType} from "../../redux/redux-store";
+import {ProfileType} from "../../redux/types/types";
+import {RouteComponentProps} from "react-router-dom"
 
 
-class ProfileContainer extends React.Component {
+type MapStatePropsType= ReturnType<typeof mapStateToProps>
+type DispatchProps={
+   getProfileThunkCreator:(userId: number)=>void
+   getProfileStatusThunkCreator:(userId: number)=>void
+   updateProfileStatusThunkCreator:(status: string)=>void
+   savePhoto:(file: File)=>void
+   saveProfile:(profile: ProfileType)=>void
+}
+type PropsType= MapStatePropsType & DispatchProps & RouteComponentProps<PathParamsType>
+
+type PathParamsType = {
+    userId: string
+}
+
+
+class ProfileContainer extends React.Component<PropsType> {
 
   refreshProfile() {
-    let userId = this.props.match.params.userId
+      debugger
+
+    let userId: number | null= +this.props.match.params.userId
     if (!userId) {
-      userId = this.props.autorizedUserId;
+      userId =  this.props.autorizedUserId;
       if (!userId) {
         this.props.history.push("/login")
       }
     }
-    this.props.getProfileThunkCreator(userId);
-    this.props.getProfileStatusThunkCreator(userId);
+    if(!userId){
+        console.log('ID should exist in URL')
+    }else{
+        debugger
+        this.props.getProfileThunkCreator(userId);
+        this.props.getProfileStatusThunkCreator(userId);
+    }
+
   }
 
   componentDidMount() {
     this.refreshProfile()
   }
 
-  componentDidUpdate(prevProps) {
+  componentDidUpdate(prevProps:PropsType) {
 
     if(this.props.match.params.userId!==prevProps.match.params.userId)
     this.refreshProfile()
@@ -38,7 +64,7 @@ class ProfileContainer extends React.Component {
   render() {
 
     return (
-      < div >
+      <div>
         <Profile {...this.props} profile={this.props.profile} status={this.props.status}
           updateStatus={this.props.updateProfileStatusThunkCreator}
           isOwner={!this.props.match.params.userId}
@@ -51,7 +77,7 @@ class ProfileContainer extends React.Component {
 }
 
 
-let mapStateToProps = (state) => ({
+let mapStateToProps = (state: AppStateType) => ({
   profile: state.profilePage.profile,
   status: state.profilePage.status,
   isAuth: state.auth.isAuth,
@@ -59,7 +85,7 @@ let mapStateToProps = (state) => ({
 });
 
 
-export default compose(
+export default compose<React.ComponentType>(
   connect(mapStateToProps,
     { getProfileThunkCreator, getProfileStatusThunkCreator, updateProfileStatusThunkCreator, 
       savePhoto, saveProfile}),
diff --git a/my-app/src/components/Profile/ProfileInfo/ProfileDataForm.tsx b/my-app/src/components/Profile/ProfileInfo/ProfileDataForm.tsx
index df2c75b..3c0994f 100644
--- a/my-app/src/components/Profile/ProfileInfo/ProfileDataForm.tsx
+++ b/my-app/src/components/Profile/ProfileInfo/ProfileDataForm.tsx
@@ -1,8 +1,12 @@
 import React from "react"
-import { Field, reduxForm } from 'redux-form';
+import {Field, InjectedFormProps, reduxForm} from 'redux-form';
 import styles from './ProfileInfo.module.css';
+import {ProfileType} from "../../../redux/types/types";
 
-const ProfileDataForm=(props)=>{
+type PropsType={
+  profile: ProfileType
+}
+const ProfileDataForm:React.FC<InjectedFormProps<ProfileType, PropsType> & PropsType>=(props)=>{
     return <form onSubmit={props.handleSubmit}>
     <div>
       <button>save</button>
@@ -32,7 +36,7 @@ const ProfileDataForm=(props)=>{
   }
 
 
-  let ProfileDataFormRedux=reduxForm({
+  let ProfileDataFormRedux=reduxForm<ProfileType, PropsType>({
     form: 'profileEdit'
   })(ProfileDataForm)
 
diff --git a/my-app/src/components/Profile/ProfileInfo/ProfileInfo.tsx b/my-app/src/components/Profile/ProfileInfo/ProfileInfo.tsx
index 4f46276..91f89f6 100644
--- a/my-app/src/components/Profile/ProfileInfo/ProfileInfo.tsx
+++ b/my-app/src/components/Profile/ProfileInfo/ProfileInfo.tsx
@@ -1,14 +1,14 @@
-import React, { useState } from 'react';
+import React, {ChangeEvent, useState} from 'react';
 import styles from './ProfileInfo.module.css';
 import Preloader from '../../common/Preloader';
 import ProfileStatusWithHook from './ProfileStatusWithHook';
 import userPhoto from "../../../assets/images/userPhoto.png"
 import ProfileDataForm from './ProfileDataForm';
-import {ProfileType} from "../../../redux/types/types";
+import {ContactsType, ProfileType} from "../../../redux/types/types";
 
 
 type PropsType={
-    profile: ProfileType
+    profile: ProfileType | null
     savePhoto: (file: File)=>void,
     saveProfile: (profile: ProfileType)=>void
     isOwner: boolean
@@ -26,13 +26,13 @@ const ProfileInfo: React.FC<PropsType>  = (props) => {
   };
 
 
-  const onFileUploaded = (e) => {
-    if (e.target.files.length) {
+  const onFileUploaded = (e:ChangeEvent<HTMLInputElement>) => {
+    if (e.target.files?.length) {
       props.savePhoto(e.target.files[0])
     }
   }
-  const onSubmit=(profile)=>{
-    console.log(profile);
+  const onSubmit=(profile :ProfileType)=>{
+
     props.saveProfile(profile)
     setEditMode(false)
   }
@@ -65,8 +65,13 @@ const ProfileInfo: React.FC<PropsType>  = (props) => {
 
   );
 }
+type ProfileDataType={
+    profile: ProfileType
+    isOwner: boolean
+    goToEditMode: () => void
 
-const ProfileData=(props)=>{
+}
+const ProfileData=(props :ProfileDataType)=>{
   return <div>
           {props.isOwner&&
           <div>
@@ -88,7 +93,7 @@ const ProfileData=(props)=>{
           </div>
           <div>
             <b>Contacts</b>:{Object.keys(props.profile.contacts).map(key=>{
-             return <Contact contactTitle={key} contactValue={props.profile.contacts[key]}/>
+             return <Contact contactTitle={key} contactValue={props.profile.contacts[key as keyof ContactsType]}/>
             })}
           </div>
         </div>
@@ -96,8 +101,11 @@ const ProfileData=(props)=>{
 
 
 
-
-const Contact=({contactTitle, contactValue})=>{
+type ContactsPropsType={
+    contactTitle: string
+    contactValue: string
+}
+const Contact : React.FC<ContactsPropsType>=({contactTitle, contactValue})=>{
   return <div className={styles.contacts}>
     <b>{contactTitle}</b>: {contactValue}
     </div>
diff --git a/my-app/src/components/Profile/ProfileInfo/ProfileStatusWithHook.tsx b/my-app/src/components/Profile/ProfileInfo/ProfileStatusWithHook.tsx
index 60b6b4b..14850ab 100644
--- a/my-app/src/components/Profile/ProfileInfo/ProfileStatusWithHook.tsx
+++ b/my-app/src/components/Profile/ProfileInfo/ProfileStatusWithHook.tsx
@@ -1,8 +1,11 @@
-import React, {useState, useEffect} from 'react';
+import React, {useState, useEffect, ChangeEvent} from 'react';
 import s from './ProfileInfo.module.css';
 
-
-const ProfileStatusWithHooks = (props) => {
+type PropsType={
+    status: string
+    updateStatus: (status:string)=>void
+}
+const ProfileStatusWithHooks: React.FC<PropsType> = (props) => {
     let [editMode, setEditMode] = useState(false);
     let [status, setStatus] = useState(props.status);
 
@@ -19,7 +22,7 @@ const ProfileStatusWithHooks = (props) => {
         props.updateStatus(status);
     }
 
-    const onStatusChange = (e) => {
+    const onStatusChange = (e: ChangeEvent<HTMLInputElement>) => {
         setStatus(e.currentTarget.value);
     }
 
diff --git a/my-app/src/components/common/Paginator/Paginator.tsx b/my-app/src/components/common/Paginator/Paginator.tsx
index 0115f6a..846d13c 100644
--- a/my-app/src/components/common/Paginator/Paginator.tsx
+++ b/my-app/src/components/common/Paginator/Paginator.tsx
@@ -21,7 +21,7 @@ let Paginator: React.FC<PropsType> = ({portionSize=10, ...props}) => {
     let [portionNumber, setPortionNumber]=useState(1);
     let leftPortionNumber=(portionNumber-1)*portionSize+1;
     let rightPortionNumber=portionNumber*portionSize;
-    debugger;
+
 
     return (
         
diff --git a/my-app/src/components/common/Preloader.js b/my-app/src/components/common/Preloader.tsx
similarity index 55%
rename from my-app/src/components/common/Preloader.js
rename to my-app/src/components/common/Preloader.tsx
index d89d467..8caeadb 100644
--- a/my-app/src/components/common/Preloader.js
+++ b/my-app/src/components/common/Preloader.tsx
@@ -2,8 +2,10 @@ import React from 'react';
 import preloader from "../../assets/images/preloader.svg";
 
 
-let Preloader=(props)=>{
-    return <img cl src={preloader}/>;
+let Preloader: React.FC=()=>{
+    return <div>
+         <img  src={preloader}/>
+    </div>
 }
 
 export default Preloader
\ No newline at end of file
diff --git a/my-app/src/redux/profile-reducer.ts b/my-app/src/redux/profile-reducer.ts
index bf8f6a6..0acc8bc 100644
--- a/my-app/src/redux/profile-reducer.ts
+++ b/my-app/src/redux/profile-reducer.ts
@@ -21,8 +21,7 @@ const profileReducer=(state=initialState, action:ActionsType):initialStateType=>
         ...state,
         postMessageData:[...state.postMessageData, 
           {message: action.newPostText,id: 3}
-          ],
-          newPostText:""
+          ]
       };
      case "SN/PROFILE/SET_PROFILE":
      return{
diff --git a/my-app/src/redux/types/types.ts b/my-app/src/redux/types/types.ts
index d30a882..00e0e7b 100644
--- a/my-app/src/redux/types/types.ts
+++ b/my-app/src/redux/types/types.ts
@@ -23,6 +23,7 @@ export type ProfileType = {
     fullName: string
     contacts: ContactsType
     photos: PhotosType
+    aboutMe: string
 
 }