Conectando o Redux ao React com Provider

Para utilizar o Redux dentro dos seus componentes, é necessário conectar sua aplicação React à store.

Isso é feito utilizando o componente Provider de 'react-redux'.

Envolvendo o App

Abra o arquivo principal de entrada, geralmente main.jsx ou index.js, e envolva sua aplicação com o Provider:

import React from 'react';
import ReactDOM from 'react-dom/client';
import { Provider } from 'react-redux';
import { store } from './store/store';
import App from './App';

ReactDOM.createRoot(document.getElementById('root')).render(
  <Provider store={store}>
    <App />
  </Provider>
);

O que o Provider faz

Provider disponibiliza a store para toda a aplicação. Após envolver o app, qualquer componente pode acessar o estado ou despachar ações sem a necessidade de passar dados por várias camadas.

Sem o Provider, seus componentes não teriam conhecimento da store. Essa conexão é o que permite que o Redux funcione em toda a aplicação, em vez de apenas dentro de um único componente.