research.js | Share your research online by compiling it to JavaScript

I have a question regarding React-Redux returning a list of redux-specific props when I initialise the page. If I console.log the this.props.address (the content I'm fetching) I'll get back a list of (4) [true, null, false, {…}] (with the last item eventually being what I need).

For this reason, I have problems accessing the content of the actual Axios request (even though it's always the very last item of the list). Only if I do {this.props.address.slice(-1)[0].href} can I access an item of the returned JSON. I guess this is not how it's supposed to be, so I must be doing something wrong.

I'm quite new to React, and I'm therefore not that familiar of the different ways of using Redux. However, I have cut it down to something going on in the initial state when I'm using the createSlice from reduxjs/toolkit (something I haven't used before, but it is currently used by the theme I'm working with, so I'm trying to copy the ways they've set it up).

I have attached the code below, and would appreciate any input leading me in the right direction. I have a lot more files than these - but I'm quite sure these three files would handle the problem.

Research.js