heimdall | project builds upon my Next.js GRANDstack starter | GraphQL library

I have a generic class Result that looks like this

I have a traefik environment running in docker. Originally I was running services in standard containers. I am not deploying containers to docker swarm and I have done this for traefik too, where the container is only deployed to my swarm manager.

For some reason, traefik successfully registers the host name I have given it, and can access that fine. However, when I deploy any other service to the swarm, traefik doesn't pick it up. There is one other service that has partially worked. I have deployed heimdall to docker swarm which can be access from gateway.docker.swarm:8091 but I don't want the port either.

My traefik compose file is as follows:

I have an environment running docker containers. This environment hosts Traefik, Nextcloud, MotionEye and Heimdall. I also have another environment running CoreDNS in a docker container. For some reason, I can get MotionEye to be accessible from motioneye.docker.swarm (changed the domain in here for privacy). However, for nextcloud and Heimdall, I have to explicitly access the ports and I'm struggling to tell why. e.g. Heimdall is gateway.docker.swarm:8091 when should be gateway.docker.swarm

When a user requests a webpage onto the local dns server X.X.X.117 it gets routed through to the traefik instance on X.X.X.106.

My traefik compose file is as follows:

I have traefik (v. 2.3.5) and other services running on my raspberrypi in my home network. Each service is running on a different port on the same machine. I want traefik to redirect a call from a subpath to a different url. Like so:

http://myServer/omv --> http://myServer:8000
http://myServer/heimdall --> http://myServer:8003

However I can not make it work. My router is not offering a domain/subdomains so I have to live with subpathes instead.

OMV is installed locally so I have created a file provider and that is the only one that is working. I cannot find out what I'm doing wrong with my docker-compose files for e.g. heimdall.

Here is the traefik docker-compose.yml:

I can create grouped lists in SwiftUI using the following code:

action-types.js

So I have this sidebar component where I load my store and my dispatcher

Im using react like this

Firstly I load the store with mapStateToProps. And inside that function im actually able to read the store. The object that is read there is basically the same as the this.state.renderedEl , but with different values. My goal is to delete that state, and use the store values instead.

Those values should be read in the render() where Im actually using the this.state.renderedEl values to evaluate some conditions. But I dont undestand how to read the store values instead

First of all, ive read this question React-redux connect() cannot wrap component defined as a class extending React.Component But im still unable to uderstand it since the connect is being done in some kind of upper level, but I dont understand that phase.

This is my current structure:

reduxStore.js