Using react hooks with ink: Invariant Violation

Hey,

I am trying to use the new react hooks with Ink components, but I get the error:

Invariant Violation: Hooks can only be called inside the body of a function component.

I am using the hooks inside a function component, so I guess it is related to Ink implementation?

Here is the code:

import React, {useState} from 'react'
import {h, render, Component} from "ink";

function useTest() {
	const [value, update] = useState(Date.now());
	return [value, update]
}

const Demo = () => {
	const [value, update] = useTest();

	setInterval(() => {
		update(Date.now())
	}, 1000)

	return <div>Hello: {value}</div>

}

class Wrapper extends Component<any, any>{
	
	render() {
		return <Demo />
	}
}
render((<Wrapper />));

[vadimdemedes]

Now that hooks are officially released, I will look into how to make Ink work with them 😃 Thanks everyone for helpful input!

And of course, if somebody’s already solved this problem, PRs are always welcome!

[zkat]

This should be fixed now ✌️ See #124