Response always false from DBPedia

[GBlackwell1]

Playing around with the chatbot and I've yet to troubleshoot the JSON response I'm given from DBPedia is always "Not Found".
The code for the DBPedia component is identical to the one provided on the website, the search value in the query is correct to the user's input.
New to web dev, so explain like I'm dense.
I'm using the latest version of firefox as my browser.

Query pictured above ^^^.
Code for the specific section of the chatbot listed below vvv.

 {
              id: "search-message",
              message: `To learn more about your food group or for general info,
              message the bot to search on wikipedia!`,
              trigger: "search",
            },
            {
              id: "search",
              user: true,
              trigger: "lookup",
            },
            {
              id: "lookup",
              component: <DBPedia />,
              trigger: "ask-again-message",
            },
            {
              id: "ask-again-message",
              message: "Would you like to search again?",
              trigger: "choice-again",
            },
            {
              id: "choice-again",
              options: [
                { value: "no", label: "No", trigger: "end-message" },
                { value: "yes", label: "Yes", trigger: "search-message" },
              ],
            },
            {
              id: "end-message",
              component: <Post userData={this.state} />,
              asMessage: true,
              //Post data
              end: true,
            },

Also eventually want to remove the trigger in DBPedia component as I already have options to ask if the user would like to search again.
I believe it looks more user-friendly than adding a default HTML button, would this break the DBPedia component if I did so?
Thanks in advance.