исправил часть проблем

src/app/article/index.js

@@ -13,31 +13,49 @@ import TopHead from '../../containers/top-head';
 import { useDispatch, useSelector } from 'react-redux';
 import shallowequal from 'shallowequal';
 import articleActions from '../../store-redux/article/actions';
-import Reviews from '../reviews';
+import commentsActions from '../../store-redux/comments/actions';
+import CommentContainer from '../../containers/comment';
 
 function Article() {
   const store = useStore();
+
   const dispatch = useDispatch();
+  // Параметры из пути /articles/:id
+
   const params = useParams();
+
   useInit(() => {
     //store.actions.article.load(params.id);
     dispatch(articleActions.load(params.id));
+    dispatch(commentsActions.load(params.id));
   }, [params.id]);
+
   const select = useSelector(
     state => ({
       article: state.article.data,
       waiting: state.article.waiting,
+      comments: state.comments.data,
+      waitingComments: state.comments.waiting
     }),
     shallowequal,
-  );
+  ); // Нужно указать функцию для сравнения свойства объекта, так как хуком вернули объект
 
   const { t } = useTranslate();
-
+ 
   const callbacks = {
     // Добавление в корзину
     addToBasket: useCallback(_id => store.actions.basket.addToBasket(_id), [store]),
   };
 
+  const handleReply = commentId => {
+    dispatch(commentsActions.setReplyTo(commentId));
+  };
+  //const tree = listToTree(select.comments.items)
+ // const commentsArray = treeToList(listToTree(select.comments.items)) ;
+  console.log('select.comments.items=',select.comments.items)
+  //const commentsArray = select.comments.items.map(comment => (
+  //  <CommentContainer key={comment._id} comment={comment} onReply={handleReply} level={0}/>
+  //))
   return (
     <PageLayout>
       <TopHead />
@@ -47,9 +65,12 @@ function Article() {
       <Navigation />
       <Spinner active={select.waiting}>
         <ArticleCard article={select.article} onAdd={callbacks.addToBasket} t={t} />
-        <Reviews/>
       </Spinner>
+      <h3 style={{ margin: '30px 0 25px 30px'}}>Комментарии ({select.comments.count})</h3>
+      <div>{select.comments.items && select.comments.items.map(comment => (<CommentContainer key={comment._id} comment={comment} onReply={handleReply} level={0}/>))} </div> 
+
     </PageLayout>
   );
 }
-export default memo(Article);
+
+export default memo(Article);

src/app/index.js

@@ -1,5 +1,6 @@
-
+import { useCallback, useContext, useEffect, useState } from 'react';
 import { Routes, Route } from 'react-router-dom';
+import useSelector from '../hooks/use-selector';
 import useStore from '../hooks/use-store';
 import useInit from '../hooks/use-init';
 import Main from './main';
@@ -9,6 +10,7 @@ import Login from './login';
 import Profile from './profile';
 import Protected from '../containers/protected';
 import { useSelector as useSelectorRedux } from 'react-redux';
+
 /**
  * Приложение
  * @returns {React.ReactElement}
@@ -18,7 +20,9 @@ function App() {
   useInit(async () => {
     await store.actions.session.remind();
   });
+
   const activeModal = useSelectorRedux(state => state.modals.name);
+
   return (
     <>
       <Routes>
@@ -34,8 +38,10 @@ function App() {
           }
         />
       </Routes>
+
       {activeModal === 'basket' && <Basket />}
     </>
   );
 }
-export default App;
+
+export default App;

src/app/login/index.js

@@ -18,22 +18,27 @@ function Login() {
   const location = useLocation();
   const navigate = useNavigate();
   const store = useStore();
+
   useInit(() => {
     store.actions.session.resetErrors();
   });
+
   const select = useSelector(state => ({
     waiting: state.session.waiting,
     errors: state.session.errors,
   }));
+
   const [data, setData] = useState({
     login: '',
     password: '',
   });
+
   const callbacks = {
     // Колбэк на ввод в элементах формы
     onChange: useCallback((value, name) => {
       setData(prevData => ({ ...prevData, [name]: value }));
     }, []),
+
     // Отправка данных формы для авторизации
     onSubmit: useCallback(
       e => {
@@ -47,9 +52,7 @@ function Login() {
           navigate(back);
         });
       },
-
-      [data, location.state, navigate, store.actions.session]
-      // [data, location.state],
+      [data, location.state],
     ),
   };
 
@@ -83,4 +86,5 @@ function Login() {
     </PageLayout>
   );
 }
-export default memo(Login);
+
+export default memo(Login);

src/components/comment-view/index.js

@@ -30,7 +30,7 @@ const CommentView = ({
     : 'comment-author';
 
   return (
-    <div className="comment" style={{ marginLeft: `${indent}px` }}>
+    <div className="comment" style={{ marginLeft: `${indent}px`, marginRight: `${indent}px`}}>
       <div className="comment-item" style={{ marginBottom: '30px' }}>
         <strong className={authorClassName}>{comment.author?.profile?.name || 'Аноним'}</strong>{' '}
         <span className="comment-date">

src/components/comment-view/style.css

@@ -1,4 +1,3 @@
-
 .comment-author--current {
   color: #666666;
 }