Clicking on legend in native question breaks the UI

[dacort]

Describe the bug
A clear and concise description of what the bug is.

Logs

app-main.bundle.js?1580a7cbc7eacd7d4885:5 Uncaught (in promise) TypeError: Cannot read property 'type' of undefined
    at Function.value (app-main.bundle.js?1580a7cbc7eacd7d4885:5)
    at e.value (app-main.bundle.js?1580a7cbc7eacd7d4885:5)
    at app-main.bundle.js?1580a7cbc7eacd7d4885:5
    at i (app-main.bundle.js?1580a7cbc7eacd7d4885:5)
    at e.n.value (app-main.bundle.js?1580a7cbc7eacd7d4885:5)
    at app-main.bundle.js?1580a7cbc7eacd7d4885:5
    at vendor.bundle.js?1580a7cbc7eacd7d4885:1
    at vendor.bundle.js?1580a7cbc7eacd7d4885:1
    at vendor.bundle.js?1580a7cbc7eacd7d4885:1
    at vendor.bundle.js?1580a7cbc7eacd7d4885:1

To Reproduce
Steps to reproduce the behavior:

1. Create a new native question
2. Use this SQL:

SELECT "PRODUCTS__via__PRODUCT_ID"."CATEGORY" AS "CATEGORY", parsedatetime(formatdatetime("PUBLIC"."ORDERS"."CREATED_AT", 'yyyyMM'), 'yyyyMM') AS "CREATED_AT", count(*) AS "count"
FROM "PUBLIC"."ORDERS"
LEFT JOIN "PUBLIC"."PRODUCTS" "PRODUCTS__via__PRODUCT_ID" ON "PUBLIC"."ORDERS"."PRODUCT_ID" = "PRODUCTS__via__PRODUCT_ID"."ID"
GROUP BY "PRODUCTS__via__PRODUCT_ID"."CATEGORY", parsedatetime(formatdatetime("PUBLIC"."ORDERS"."CREATED_AT", 'yyyyMM'), 'yyyyMM')
ORDER BY "PRODUCTS__via__PRODUCT_ID"."CATEGORY" ASC, parsedatetime(formatdatetime("PUBLIC"."ORDERS"."CREATED_AT", 'yyyyMM'), 'yyyyMM') ASC

3. Click "Visualization" and select "Line Chart"
4. Click on any of the legends
5. Note that we get the above error in the console
6. Try to click other buttons in the UI and notice it has become unresponsive

Expected behavior
That clicking on the legend does nothing.

Screenshots
n/a

Information about your Metabase Installation:

{
  "browser-info": {
    "language": "en-US",
    "platform": "MacIntel",
    "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.113 Safari/537.36",
    "vendor": "Google Inc."
  },
  "system-info": {
    "file.encoding": "UTF-8",
    "java.runtime.name": "OpenJDK Runtime Environment",
    "java.runtime.version": "11.0.7+10",
    "java.vendor": "AdoptOpenJDK",
    "java.vendor.url": "https://adoptopenjdk.net/",
    "java.version": "11.0.7",
    "java.vm.name": "OpenJDK 64-Bit Server VM",
    "java.vm.version": "11.0.7+10",
    "os.name": "Linux",
    "os.version": "4.14.171-105.231.amzn1.x86_64",
    "user.language": "en",
    "user.timezone": "GMT"
  },
  "metabase-info": {
    "databases": [
      "mongo",
      "mysql",
      "redshift",
      "h2"
    ],
    "hosting-env": "unknown",
    "application-database": "postgres",
    "application-database-details": {
      "database": {
        "name": "PostgreSQL",
        "version": "11.6"
      },
      "jdbc-driver": {
        "name": "PostgreSQL JDBC Driver",
        "version": "42.2.8"
      }
    },
    "run-mode": "prod",
    "version": {
      "date": "2020-04-28",
      "tag": "v0.35.3",
      "branch": "release-0.35.x",
      "hash": "e72d28e"
    },
    "settings": {
      "report-timezone": null
    }
  }
}

Severity
Annoying, but can workaround it by not clicking on the legend.

Additional context
n/a

[nemanjaglumac]

This became even worse now because clicking on a legend results in a blank screen. I'd give it a P1, but refreshing helps so I guess P2 is appropriate.

[ranquild]

This became even worse now because clicking on a legend results in a blank screen. I'd give it a P1, but refreshing helps so I guess P2 is appropriate.

@nemanjaglumac How do I reproduce this? I tried both on master and release branches. When I click on a legend item, it navigates me to the query builder for that question.

[camsaul]

@ranquild it looks like @nemanjaglumac added a repro for this case? Have you tried that test?