<p dir="auto">react-select has a couple of typings issues, I think.</p>
<p dir="auto"><code class="notranslate">OptionRendererHandler</code>, and <code class="notranslate">ValueRendererHandler</code> incorrectly specify <code class="notranslate">option: Option&lt;TValue&gt;</code> when it should be <code class="notranslate">option: TValue</code>.</p>
<p dir="auto">Debugging the callback shows that the raw/original object is sent to these handlers, not one wrapped in an <code class="notranslate">Option&lt;T&gt;</code>.</p>
<p dir="auto">1&gt;c:\Program Files (x86)\Microsoft SDKs\TypeScript\2.6\lib.es2015.iterable.d.ts(203,11): error TS2300: Build:Duplicate identifier 'Promise'.<br>
1&gt;c:\Program Files (x86)\Microsoft SDKs\TypeScript\2.6\lib.es2015.promise.d.ts(223,13): error TS2300: Build:Duplicate identifier 'Promise'.<br>
1&gt;c:\Program Files (x86)\Microsoft SDKs\TypeScript\2.6\lib.es2015.symbol.wellknown.d.ts(168,11): error TS2300: Build:Duplicate identifier 'Promise'.<br>
1&gt;c:\Program Files (x86)\Microsoft SDKs\TypeScript\2.6\lib.es5.d.ts(1292,11): error TS2300: Build:Duplicate identifier 'Promise'.<br>
1&gt;c:\users\username\node_modules@types\es6-promise\index.d.ts(11,15): error TS2300: Build:Duplicate identifier 'Promise'.<br>
1&gt;c:\users\username\node_modules@types\es6-promise\index.d.ts(42,19): error TS2300: Build:Duplicate identifier 'Promise'.</p>
<p dir="auto">tsconfig: -</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="{
&quot;compilerOptions&quot;: {
&quot;target&quot;: &quot;es5&quot;,
&quot;module&quot;: &quot;commonjs&quot;,
&quot;moduleResolution&quot;: &quot;node&quot;,
&quot;sourceMap&quot;: true,
&quot;emitDecoratorMetadata&quot;: true,
&quot;experimentalDecorators&quot;: true,
&quot;lib&quot;: [ &quot;es2015&quot;, &quot;dom&quot; ],
&quot;noImplicitAny&quot;: true,
&quot;suppressImplicitAnyIndexErrors&quot;: true,
&quot;noStrictGenericChecks&quot;: true
}
}"><pre class="notranslate"><code class="notranslate">{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"moduleResolution": "node",
"sourceMap": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"lib": [ "es2015", "dom" ],
"noImplicitAny": true,
"suppressImplicitAnyIndexErrors": true,
"noStrictGenericChecks": true
}
}
</code></pre></div>
<p dir="auto">Package.Json:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="

{
  &quot;name&quot;: &quot;angular-quickstart&quot;,
  &quot;version&quot;: &quot;1.0.0&quot;,
  &quot;description&quot;: &quot;QuickStart package.json from the documentation, supplemented with testing support&quot;,
  &quot;scripts&quot;: {
    &quot;build&quot;: &quot;tsc -p src/&quot;,
    &quot;build:watch&quot;: &quot;tsc -p src/ -w&quot;,
    &quot;build:e2e&quot;: &quot;tsc -p e2e/&quot;,
    &quot;serve&quot;: &quot;lite-server -c=bs-config.json&quot;,
    &quot;serve:e2e&quot;: &quot;lite-server -c=bs-config.e2e.json&quot;,
    &quot;prestart&quot;: &quot;npm run build&quot;,
    &quot;start&quot;: &quot;concurrently \&quot;npm run build:watch\&quot; \&quot;npm run serve\&quot;&quot;,
    &quot;pree2e&quot;: &quot;npm run build:e2e&quot;,
    &quot;e2e&quot;: &quot;concurrently \&quot;npm run serve:e2e\&quot; \&quot;npm run protractor\&quot; --kill-others --success first&quot;,
    &quot;preprotractor&quot;: &quot;webdriver-manager update&quot;,
    &quot;protractor&quot;: &quot;protractor protractor.config.js&quot;,
    &quot;pretest&quot;: &quot;npm run build&quot;,
    &quot;test&quot;: &quot;concurrently \&quot;npm run build:watch\&quot; \&quot;karma start karma.conf.js\&quot;&quot;,
    &quot;pretest:once&quot;: &quot;npm run build&quot;,
    &quot;test:once&quot;: &quot;karma start karma.conf.js --single-run&quot;,
    &quot;lint&quot;: &quot;tslint ./src/**/*.ts -t verbose&quot;
  },
  &quot;keywords&quot;: [],
  &quot;author&quot;: &quot;&quot;,
  &quot;license&quot;: &quot;MIT&quot;,
  &quot;dependencies&quot;: {
    &quot;@angular/common&quot;: &quot;~4.3.4&quot;,
    &quot;@angular/compiler&quot;: &quot;~4.3.4&quot;,
    &quot;@angular/core&quot;: &quot;~4.3.4&quot;,
    &quot;@angular/forms&quot;: &quot;~4.3.4&quot;,
    &quot;@angular/http&quot;: &quot;~4.3.4&quot;,
    &quot;@angular/platform-browser&quot;: &quot;~4.3.4&quot;,
    &quot;@angular/platform-browser-dynamic&quot;: &quot;~4.3.4&quot;,
    &quot;@angular/router&quot;: &quot;~4.3.4&quot;,
    &quot;angular-in-memory-web-api&quot;: &quot;~0.3.0&quot;,
    &quot;systemjs&quot;: &quot;0.19.40&quot;,
    &quot;core-js&quot;: &quot;^2.4.1&quot;,
    &quot;rxjs&quot;: &quot;5.0.1&quot;,
    &quot;zone.js&quot;: &quot;^0.8.4&quot;
  },
  &quot;devDependencies&quot;: {
    &quot;concurrently&quot;: &quot;^3.2.0&quot;,
    &quot;lite-server&quot;: &quot;^2.2.2&quot;,
    &quot;typescript&quot;: &quot;2.6.0&quot;,
    &quot;canonical-path&quot;: &quot;0.0.2&quot;,
    &quot;tslint&quot;: &quot;^3.15.1&quot;,
    &quot;lodash&quot;: &quot;^4.16.4&quot;,
    &quot;jasmine-core&quot;: &quot;~2.4.1&quot;,
    &quot;karma&quot;: &quot;^1.3.0&quot;,
    &quot;karma-chrome-launcher&quot;: &quot;^2.0.0&quot;,
    &quot;karma-cli&quot;: &quot;^1.0.1&quot;,
    &quot;karma-jasmine&quot;: &quot;^1.0.2&quot;,
    &quot;karma-jasmine-html-reporter&quot;: &quot;^0.2.2&quot;,
    &quot;protractor&quot;: &quot;~4.0.14&quot;,
    &quot;rimraf&quot;: &quot;^2.5.4&quot;,
    &quot;@types/node&quot;: &quot;^6.0.46&quot;,
    &quot;@types/jasmine&quot;: &quot;2.5.36&quot;
  },
  &quot;repository&quot;: {}
}
"><pre class="notranslate"><code class="notranslate">

{
  "name": "angular-quickstart",
  "version": "1.0.0",
  "description": "QuickStart package.json from the documentation, supplemented with testing support",
  "scripts": {
    "build": "tsc -p src/",
    "build:watch": "tsc -p src/ -w",
    "build:e2e": "tsc -p e2e/",
    "serve": "lite-server -c=bs-config.json",
    "serve:e2e": "lite-server -c=bs-config.e2e.json",
    "prestart": "npm run build",
    "start": "concurrently \"npm run build:watch\" \"npm run serve\"",
    "pree2e": "npm run build:e2e",
    "e2e": "concurrently \"npm run serve:e2e\" \"npm run protractor\" --kill-others --success first",
    "preprotractor": "webdriver-manager update",
    "protractor": "protractor protractor.config.js",
    "pretest": "npm run build",
    "test": "concurrently \"npm run build:watch\" \"karma start karma.conf.js\"",
    "pretest:once": "npm run build",
    "test:once": "karma start karma.conf.js --single-run",
    "lint": "tslint ./src/**/*.ts -t verbose"
  },
  "keywords": [],
  "author": "",
  "license": "MIT",
  "dependencies": {
    "@angular/common": "~4.3.4",
    "@angular/compiler": "~4.3.4",
    "@angular/core": "~4.3.4",
    "@angular/forms": "~4.3.4",
    "@angular/http": "~4.3.4",
    "@angular/platform-browser": "~4.3.4",
    "@angular/platform-browser-dynamic": "~4.3.4",
    "@angular/router": "~4.3.4",
    "angular-in-memory-web-api": "~0.3.0",
    "systemjs": "0.19.40",
    "core-js": "^2.4.1",
    "rxjs": "5.0.1",
    "zone.js": "^0.8.4"
  },
  "devDependencies": {
    "concurrently": "^3.2.0",
    "lite-server": "^2.2.2",
    "typescript": "2.6.0",
    "canonical-path": "0.0.2",
    "tslint": "^3.15.1",
    "lodash": "^4.16.4",
    "jasmine-core": "~2.4.1",
    "karma": "^1.3.0",
    "karma-chrome-launcher": "^2.0.0",
    "karma-cli": "^1.0.1",
    "karma-jasmine": "^1.0.2",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~4.0.14",
    "rimraf": "^2.5.4",
    "@types/node": "^6.0.46",
    "@types/jasmine": "2.5.36"
  },
  "repository": {}
}

</code></pre></div>
<p dir="auto">npm 5.5.1<br>
node 8.9.1</p>
<p dir="auto">Any workaround?</p>