Estoy aprendiendo React/Redux, y mientras reescribía mi tienda redux para almacenar mejor el estado y agregar procesadores asíncronos, mi aplicación dejó de procesarse. Mi consola no muestra errores y la página está en blanco.

Aplicación.js

 import './App.css' import React from 'react' import SearchBar from '../features/search/SearchBar' import Post from '../components/Post' import Subreddits from '../components/Subreddits' import { BsReddit } from 'react-icons/bs' const App = () => { let listOfPosts = [] for (let i = 0; i < 5; i++){ listOfPosts.push(<Post iterator={i} />) } return ( <main> <header> <h1> <BsReddit /> <span>Reddit</span> Minimal </h1> <SearchBar /> </header> <div className='post-container'> {listOfPosts.map((post, i) => <li key={'post_' + i}>{post}</li>)} </div> <Subreddits /> </main> ); } export default App

tienda.js

 import { configureStore } from '@reduxjs/toolkit' import { postsReducer } from '../features/posts/postsSlice' import React from 'react' export const store = configureStore({ reducer: { posts: postsReducer } })

índice.js

 import React from 'react'; import ReactDOM from 'react-dom'; import App from './app/App'; import { store } from './app/store' import { Provider } from 'react-redux' const render = () => { ReactDOM.render( <Provider store={store}> <App /> </Provider>, document.getElementById('root') ); } store.subscribe(render)

Puedo mostrar más del código, pero asumo que el problema está en algún lugar de estos 3 archivos. Realmente no entiendo por qué no está renderizado.