Calling ipfs-html-client add on browser leads to CORS error

I created a simple reactjs app that allows user to upload an image and upload it to ipfs through using the ipfs-html-client library. I have an ipfs node running on /ipv4/ However, despite adding the following configurations through my IPFS GUI interface, I still get the error “No ‘Access-Control-Allow-Origin’ header is present on the requested resource. If an opaque response serves your needs, set the request’s mode to ‘no-cors’ to fetch the resource with CORS disabled.”.

In my js code, I have the following line:
this.ipfs = ipfsClient.create(’/ip4/’)

I am out of ideas of how to move forward. Any help will be greatly appreciated!