Cannot resolve name `React` when using preact v8.3.1 with Flow v0.79.1

I’m encountering the following issue when using flow with preact. I’ve followed your flow integration doc but it’s not working as expected.

Error

[flow] Cannot resolve name `React`. (view.js:36:5)
(property) JSX.IntrinsicElements.h1: JSX.HTMLAttributes
Flow-IDE
h1: (unknown)

Code (Shortened)

/* @flow */
'use strict';

import { h, Component } from 'preact';

type Props = {};

type State = {};

export class HelloWorld extends Component<Props, State> {
	constructor (props: Props) {
		super(props);
		this.state = { };
	}

	render (): any {
		return (
			<div class='hello-world'>
				<h1>Hello World</h1>  // This line fails
			</div>
		);
	}
}

[bit2pixel]

Adding /** @jsx h */ manually to the top of each file seems to do the trick. More typing but at least it’s working.

[SerzN1]

Think adding something to the top of each file, not the best approach. There is a better way at least for TS

https://github.com/preactjs/preact#default

For using Preact along with TypeScript add to tsconfig.json:

{ “jsx”: “react”, “jsxFactory”: “h”, }