false warning about "'Tab' outside 'TabList'" when using Immutable seq

import React from 'react';
import { OrderedMap } from 'immutable';
import { Tabs, Tab, TabList, TabPanel } from 'react-tabs';

const tabData = OrderedMap({
  one: '1',
  two: '2',
  three: '3',
});

export default function Test() {
  return <div>
    <Tabs>
      <TabList>
        {
          // This line triggers `Failed prop type: Found a 'Tab' component outside of the 'TabList' component. 'Tab' components have to be inside the 'TabList' component.`
          tabData.keySeq().map(key => <Tab key={key}>{key}</Tab>)
          // If change to use toArray() or toList(), the warning disappears.
          // tabData.keySeq().toArray().map(key => <Tab key={key}>{key}</Tab>) // no warning
          // tabData.keySeq().toList().map(key => <Tab key={key}>{key}</Tab>)  // no warning
        }
      </TabList>

      {
        tabData.entrySeq().map(([key, value]) => <TabPanel key={key}>{value}</TabPanel>)
      }
    </Tabs>
  </div>;
}

Beginne damit, die JSX-Reproduktion mit Immutable OrderedMap und react-tabs auszuführen, und vergleiche dann keySeq().map() mit den im Issue gezeigten Varianten toArray() und toList(). Verfolge die Warnung über Tab außerhalb von TabList und ermittle, warum nur die Form mit der Immutable-Sequenz sie auslöst. Erledigt ist die Aufgabe, wenn das keySeq()-Beispiel ohne die falsche Warnung gerendert wird, während die Tab-Panels weiterhin funktionieren.