Preact X and hooks

Hi.

I’ve installed the default template from the latest preact-cli. I’ve followed the migration guide and I’ve updated preact, preact-router and preact-render-to-string using the @next version.

I can run the preact-cli project without any problem. I can try the import { useState } from 'preact/hooks' and it works fine.

The problem is when I try to import a library I made for state management, that is using Hooks (via import { useState } from 'react'. Since Preact X already comes with preact-compat I don’t think its an alias issue but preact doesnt correctly map { useState } from 'react' to { useState } from 'preact/hooks'

I get the following error:

‼ WARN ./node_modules/snap-state/dist/snap-state.module.js
12:13-14 "export 'useState' (imported as 'n') was not found in 'react'
 @ ./node_modules/snap-state/dist/snap-state.module.js
 @ ./src/components/app.js
 @ ./src/index.js
 @ ./node_modules/preact-cli/lib/lib/entry.js
 @ multi ./node_modules/preact-cli/lib/lib/entry webpack-dev-server/client webpack/hot/dev-server
‼ WARN ./node_modules/snap-state/dist/snap-state.module.js
16:10-11 "export 'useEffect' (imported as 't') was not found in 'react'
 @ ./node_modules/snap-state/dist/snap-state.module.js
 @ ./src/components/app.js
 @ ./src/index.js
 @ ./node_modules/preact-cli/lib/lib/entry.js
 @ multi ./node_modules/preact-cli/lib/lib/entry webpack-dev-server/client webpack/hot/dev-server

[marvinhagemeister]

@andrevenancio the default template installs an older version of preact-cli local to the project. You need to update that too (npm i -D preact-cli@rc).

[andrevenancio]

Oh I see. Alright, I’ll have a look at it, massive thanks for the help.

I’ll use this for now, and then hopefully when PreactX comes up preact-cli will also be out and about and all will look great.

Massive thanks for this, and maintaining the libraries. Both of you! ❤️