error TS2602: JSX element implicitly has type 'any' because the global type 'JSX.Element' does not exist

reactjs typescript typescript-typings
Richard picture Richard · Jun 7, 2016 · Viewed 18.5k times · Source

Even though I've installed & referenced the Typings library 'react' like this

/// <reference path="../../../typings/browser.d.ts" />

I'm still getting the error below: enter image description here

Is there another Typings library I should be installing as well?

Answer

darthtrevino picture darthtrevino · Jun 23, 2016

There are two versions of React available in Typings. I've seen this issue with typings install react and using noImplicitAny.

I resolved this by installing the global version: typings install dt~react --globaltypings search react results

Related questions

Typescript input onchange event.target.value

In my react and typescript app, I use: onChange={(e) => data.motto = (e.target as any).value}. How do I correctly define the typings for the class, so I wouldn't have to hack my way around the type system …

Read More
How to import CSS modules with Typescript, React and Webpack

How to import CSS modules in Typescript with Webpack? Generate (or auto-generate) .d.ts files for CSS? And use classic Typescript import statement? With ./styles.css.d.ts: import * as styles from './styles.css' Import using require Webpack function? …

Read More
Typescript: How to add type check for history object in React?

I have the following piece of code, which receives a history object as prop: const ChildComponent = ({ history }) => ( <div className={styles.body}> <div className={styles.cta}> <FloatingActionButton onClick={() => history.push(routes[4].path)}> <…

Read More