Cuando intento desestructurar mis datos usando useSelector, aparece el error backgroundImage undefined.

Estoy configurando mi estado inicial en mi reductor. ¿Cómo puedo evitar que ocurra el error?

componente:

 export const SampleScreen = (props) => { const { navigation } = props; const { rescueMe: { rescueMeSplashScreen: { backgroundImage, // error undefined buttonText, informationText, title: pageTitle, }, }, } = useSelector((state) => state); return ( <> </> ); };

Reductor:

 const RescueMeReducer = ( state = { rescueMeSplashScreen: { backgroundImage: "", buttonText: "", informationText: "", title: "", }, lastKnownPosition: undefined, error: undefined, loading: false, }, action ) => { switch (action.type) { ... case RESCUE_ME_CONTENT: { return { ...state, error: undefined, rescueMeSplashScreen: undefined, loading: true, }; } case RESCUE_ME_CONTENT_SUCCESS: { return { ...state, rescueMeSplashScreen: action.payload, loading: false, }; } case RESCUE_ME_CONTENT_FAILED: { return { ...state, rescueMeSplashScreen: undefined, error: { errorMessage: action.payload, }, loading: false, }; } default: return state; } }; export default RescueMeReducer;