React hooks の import の補完が正しく行われない症状について

importのfrom先が正しく補完されない

vscodeでReact hooksのimportのfrom先が正しく補完されていなかったので改善策を調べました。

useState や useCallback など
React hooks を使用するときのfrom先が

react/cjs/react.production.min
react/cjs/react.development

と出てきて正しく補完されていなかったので、

このようにfrom先をreactにして

import {useState} from “react”;

とimportを正しく補完させるのが目的です。

改善策

vscodeのgithubのissuesに参考になりそうな改善策が書いてありました。

https://github.com/microsoft/vscode/issues/141385

私の場合は拡張が問題だったようでこちらの拡張をインストールして不要な拡張を無効にしてvscodeを再起動したら正しく補完されるようになりました。

https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-next

すでにこちらの拡張をインストールしているが正しく補完されない場合はJavaScript and TypeScript Nightlyを再インストールしてvscodeを再起動してみてください。

それでも改善しない場合は怪しい拡張を一つずつアンインストールしていくか、私は試していませんが参考ページのリンク先にあるpackageをインストールしてを試してみてください。