Skip to main content

fix storybook errors

Error could not find react-redux context value; please ensure the component is wrapped in a <Provider\>

forgot to add redux provider to allow access to store. add via decorators in .stories.js

add react-redux Provider to src/components/_myFC.stories.js

import { Provider } from "react-redux"
import { configureStore, createSlice } from "@reduxjs/toolkit"

// A super-simple mock of a redux store
const Mockstore = ({ taskState, children }) => (
<Provider
store={configureStore({
reducer: {
taskbox: createSlice({
name: 'taskbox',
initialState: taskState,
reducers: {
updateTaskState: (state, action) => {
const { id, newTaskState } = action.payload;
const task = state.tasks.findIndex((task) => task.id === id);
if (task \>= 0) {
state.tasks[task].state = newTaskState;
}
},
},
}).reducer,
},
})}
\>
{children}
</Provider\>
);

References