JSFiddle - React, Tailwind, and code Playground

JavaScript

{
  "status": 200,
  "result": {
    "homey:app:nl.buienradar": {
      "triggers": [{
        "id": "weather",
        "importance": false,
        "triggers": {
          "en": ["weather"],
          "nl": ["weer", "weertje"]
        }
      }, {
        "id": "minute",
        "importance": false,
        "triggers": {
          "en": ["minutes", "minute"],
          "nl": ["minuten", "minuut"]
        }
      }, {
        "id": "rain",
        "importance": 0.9,
        "triggers": {
          "en": ["rain", "shower", "showers", "raining", "umbrella", "precipitation", "rainfall", "drizzle", "drops"],
          "nl": ["regen", "regenen", "bui", "buien", "paraplu", "neerslag", "hemelwater", "miezeren", "druppels"]
        }
      }, {
        "id": "dry",
        "importance": 0.9,
        "triggers": {
          "en": ["dry", "stops raining"],
          "nl": ["droog", "stop de regen", "stopt het met regenen"]
        }
      }, {
        "id": "no",
        "importance": false,
        "triggers": {
          "en": ["no", "not"],
          "nl": ["niet", "geen"]
        }
      }, {
        "id": "stop",
        "importance": false,
        "triggers": {
          "en": ["stop", "end", "ends"],
          "nl": ["stoppen", "stopt"]
        }
      }, {
        "id": "start",
        "importance": false,
        "triggers": {
          "en": ["start", "begin"],
          "nl": ["starten", "beginnen"]
        }
      }, {
        "id": "when",
        "importance": false,
        "triggers": {
          "en": ["when", "what time"],
          "nl": ["wanneer", "op welke tijd"]
        }
      }, {
        "id": "how",
        "importance": false,
        "triggers": {
          "en": ["how", "what"],
          "nl": ["hoe", "wat"]
        }
      }, {
        "id": "before",
        "importance": false,
        "triggers": {
          "en": ["before", "for", "until"],
          "nl": ["voor", "tot"]
        }
      }, {
        "id": "after",
       ...