там где по вашему мнению ошибка

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';

ReactDOM.render(<App />, document.getElementById('root'));

let posts = [
   {id: 1, message: 'Hi, how are you?', likesCount: 12},
   {id: 2, message: 'It\'s my first post', likesCount: 11},
   {id: 3, message: 'Blabla', likesCount: 11},
   {id: 4, message: 'Dada', likesCount: 11}
]

export default posts;


import React from 'react';
import './App.css';
import Header from './components/Header/Header';
import Navbar from './components/Navbar/Navbar';
import Profile from './components/Profile/Profile';
import Dialogs from "./components/Dialogs/Dialogs";
import {BrowserRouter, Route} from "react-router-dom";
import posts from './index.js'

const App = (props) => {
   return (
       <BrowserRouter>
           <div className='app-wrapper'>
               <Header/>
               <Navbar/>
               <div class='app-wrapper-content'>
                   <Route path='/dialogs' component={<Dialogs />}/>
                   <Route path='/profile' component={<Profile posts={posts} />}/>
               </div>
           </div>
       </BrowserRouter>)
}

export default App;

перенесите posts в сам App, или в отдельный файл

скриншотом или песочницой было бы лучше

сделал так,та же ошибка

стоп,скрин сшакалило?

Неверно передаете в роуты компоненты, или render проп или component и там ссылка.

а как это через компоненты должно выглядеть?

Доку не вариант открыть?

там по названию директории все понятно

Ну хоть компоненты в м роде и на том спасибо

тут в женском

Всем привет!
Есть react+redux+thunk приложение. Пишу thunk, внутри танка цепочка запросов.

Вопросы:
- Как в компонент прокинуть статусы этих запросов?
- Как в компонент прокинуть суммарный статус танка?

блин точно💁‍♂️🤦‍♂️

хорошие вопросы, только вот понятно что ничего непонятно

благодарю

Вы же в санках вызываете диспатч.

и?