Invalid markup in legend.js

[lfuelling]

console.error node_modules/react-dom/cjs/react-dom.development.js:88
    Warning: validateDOMNesting(...): <tr> cannot appear as a child of <tr>.
        in tr (at legend.js:15)
        in tr (at legend.js:13)
        in tbody (at legend.js:12)
        in table (at legend.js:11)
        in div (at legend.js:7)
        in Legend (at App.js:41)
        in div (at App.js:36)
        in Router (created by HashRouter)
        in HashRouter (at App.js:35)
        in App (at App.test.js:7)
  console.error node_modules/react-dom/cjs/react-dom.development.js:88
    Warning: validateDOMNesting(...): Text nodes cannot appear as a child of <tr>.
        in tr (at legend.js:15)
        in tr (at legend.js:13)
        in tbody (at legend.js:12)
        in table (at legend.js:11)
        in div (at legend.js:7)
        in Legend (at App.js:41)
        in div (at App.js:36)
        in Router (created by HashRouter)
        in HashRouter (at App.js:35)
        in App (at App.test.js:7)