Line: React Hook useState cannot be called inside a callback. React Hooks must be called in a React function component or a custom React Hook function  react-hooks rules-of-hooksのエラーが起きる原因と解消方法の解説

React Hooks must be called in a React function componentの原因と解消方法

```bash
Line 39:1:   `foo` import should occur before import of `../hoge`                  import/order
```
のようなエラーが出た時の対処方法を紹介します。
これはそのままの意味で、`foo`というコンポーネントのimportは`../hoge`のコンポーネントの前で
importしてねという意味です。

そのため、下記のようにimportの順番を変えてあげれば解消できます！

```javascript
from { foo } import 'foo'
from { hoge } import '../hoge'
```


Line 39:1:  foo import should occur before import of ../hoge import/orderのようなエラーが出た時の対処方法を紹介します。これはそのままの意味で、`foo`というコンポーネントのimportは`../hoge`のコンポーネントの前でimportしてねという意味です。importの順番を変えてあげれば解消できます！

import should occur before import of ../foo import/orderのエラーが出た時の対処法

visual studio codeをterminalから起動する方法を紹介します。まず、terminalから起動できるようにvisual studioで`command + shift + p`を押します。次に、図のように`Shell`をタイプして、`Shell Command : Install code in PATH`を選択します。