Select не заполняется элементом внутри объекта Map

Question

У меня есть следующий код:

import React, { Component } from 'react';
import { render } from 'react-dom';
import Hello from './Hello';
import './style.css';
import _ from "lodash";

interface AppProps { }
interface AppState {
  name: string;
}

class App extends Component<AppProps, AppState> {
  constructor(props) {
    super(props);
    this.state = {
      name: 'React'
    };
  }

  render() {

    let options = new Map(_.range(2002, 1920).map(yr => [yr.toString(), yr]));
    console.log(options);

    return (
      <div>
        <Hello name={this.state.name} />
        <p>
          Start editing to see some magic happen :)
        </p>
        <select>
        {
          [...options.keys()].map((key: string) => {
            return (<option value={key} key={key}>{options.get(key)}</option>);
          })
        }
        </select>

      </div>
    );
  }
}

render(<App />, document.getElementById('root'));

https://stackblitz.com/edit/react-ts-6jygtm?file=index.tsx

У вас есть представление о том, почему элемент Select не заполняется элементы внутри этого Map объекта?

Я получаю следующие ошибки: