Container seems can't reach internet

Hello all,

I’ve installed Grafana via Docker Compose in fresh RPi5 Bookworm with no firewall. The installation went smoothly and I’m able to open and login to the UI. But for some reason when I tried to import dashboard using the ID, the UI crashed. Log shows that it can’t reach internet and I dont why.

compose.yaml

services:
  cadvisor:
    container_name: monitoring-cadvisor
    image: gcr.io/cadvisor/cadvisor:v0.49.1
    restart: unless-stopped
    privileged: true
    networks:
      monitoring:
        ipv4_address: "172.28.1.2"
    expose:
      - 8080
    command:
      - '-housekeeping_interval=15s'
      - '-docker_only=true'
      - '-store_container_labels=false'
    devices:
      - /dev/kmsg
    volumes:
      - /:/rootfs:ro
      - /var/run:/var/run:rw
      - /sys:/sys:ro
      - /var/lib/docker/:/var/lib/docker:ro
      - /dev/disk/:/dev/disk:ro
      - /etc/machine-id:/etc/machine-id:ro

  node-exporter:
    container_name: monitoring-node-exporter
    image: prom/node-exporter:latest
    restart: unless-stopped
    networks:
      monitoring:
        ipv4_address: "172.28.1.3"
    expose:
      - 9100
    command:
      - --path.procfs=/host/proc
      - --path.sysfs=/host/sys
      - --path.rootfs=/host
      - --collector.filesystem.ignored-mount-points
      - ^/(sys|proc|dev|host|etc|rootfs/var/lib/docker/containers|rootfs/var/lib/docker/overlay2|rootfs/run/docker/netns|rootfs/var/lib/docker/aufs)($$|/)
    volumes:
      - /proc:/host/proc:ro
      - /sys:/host/sys:ro
      - /:/rootfs:ro
      - /:/host:ro,rslave

  prometheus:
    container_name: monitoring-prometheus
    image: prom/prometheus:latest
    restart: unless-stopped
    user: "nobody"
    command:
      - '--config.file=/etc/prometheus/prometheus.yml'
      - '--storage.tsdb.path=/prometheus'
    networks:
      monitoring:
        ipv4_address: "172.28.1.4"
    expose:
      - 9090
    volumes:
      - ./prometheus/data:/prometheus
      - ./prometheus:/etc/prometheus/
    depends_on:
      - cadvisor
      - node-exporter
    links:
      - cadvisor:cadvisor
      - node-exporter:node-exporter
  
  grafana:
    container_name: monitoring-grafana
    image: grafana/grafana:latest
    restart: unless-stopped
    user: "472"
    networks:
      monitoring:
        ipv4_address: "172.28.1.5"
    ports:
      - "2446:3000"
    env_file:
      - ./grafana/.env
    volumes:
      - ./grafana/data:/var/lib/grafana
      - ./grafana/provisioning:/etc/grafana/provisioning
    depends_on:
      - prometheus

networks:
  monitoring:
    external: true

grafana .env

GF_SECURITY_ADMIN_USER=admin
GF_SECURITY_ADMIN_PASSWORD=admin
GF_USERS_ALLOW_SIGN_UP=false
GF_LIVE_MAX_CONNECTIONS=0
GF_PATHS_CONFIG=/etc/grafana/grafana.ini
GF_PATHS_DATA=/var/lib/grafana
GF_PATHS_HOME=/usr/share/grafana
GF_PATHS_LOGS=/var/log/grafana
GF_PATHS_PLUGINS=/var/lib/grafana/plugins
GF_PATHS_PROVISIONING=/etc/grafana/provisioning
GF_ANALYTICS_CHECK_FOR_PLUGIN_UPDATES=false
GF_ANALYTICS_ENABLED=false
GF_PLUGINS_PUBLIC_KEY_RETRIEVAL_DISABLED=true
GF_SERVER_DOMAIN=
GF_SERVER_HTTP_ADDR=172.28.1.5

prometheus.yml

global:
  scrape_interval: 15s
  evaluation_interval: 15s

alerting:
  alertmanagers:
  - scheme: http
    static_configs:
    - targets:
      - "alertmanager:9093"

scrape_configs:
  - job_name: 'prometheus'
    scrape_interval: 5s
    static_configs:
         - targets: ['localhost:9090']

  - job_name: 'cadvisor'
    scrape_interval: 5s
    static_configs:
      - targets: ['cadvisor:8080']

  - job_name: 'node-exporter'
    scrape_interval: 5s
    static_configs:
      - targets: ['node-exporter:9100']

errors when I start the container

logger=plugin.angulardetectorsprovider.dynamic t=2024-06-17T02:28:02.395277211Z level=error msg="Error while updating detectors" error="fetch: http do: Get \"https://grafana.com/api/plugins/angular_patterns\": dial tcp: lookup grafana.com on 127.0.0.11:53: server misbehaving"
logger=grafana.update.checker t=2024-06-17T02:28:02.395375286Z level=error msg="Update check failed" error="failed to get stable version from grafana.com: Get \"https://grafana.com/api/grafana/versions/stable\": dial tcp: lookup grafana.com on 127.0.0.11:53: server misbehaving"

errors when I import dashboard via ID


image

logger=context userId=1 orgId=1 uname=admin t=2024-06-17T03:24:44.61510138Z level=error msg="Request Completed" method=GET path=/api/gnet/dashboards/15120 status=502 remote_addr=10.7.4.3 time_ms=8006 duration=8.006409497s size=0 referer=https://xx.xx.com/dashboard/import handler=/api/gnet/* status_source=downstream

Spend two days trying to fix this but was to no avail. Do I have wrong configuration?
Just clarify, I do have other containers that can connect to internet.