workoutsContext.js | TypeError: e is null | spread operator (...state)

case 'CREATE_WORKOUTS' that returns workouts: [action.payload, ...state.workouts], raises " TypeError: e is null " when state.workouts is empty due to spread operator !

please add a if condition to avoid it , like below
case 'CREATE_WORKOUTS':
if (!state.workouts)
return {
workouts: [action.payload]
}
else
return {
workouts: [action.payload, ...state.workouts]
}

Open workoutsContext.js and locate the CREATE_WORKOUTS reducer case that spreads state.workouts. Check how it behaves when workouts is null or empty, then ensure the case returns the new workout without a TypeError and verify the reducer still preserves existing workouts.

索引モデルが issue の本文から書いたものです。