React axiosのgetでエラーになります。

Question

Reactの勉強中です。
React実践の教科書という本で勉強しているのですが、そのchapter9でつまづいています。

axios
      .get("https://my-json-server.typicode.com/Goolaa/demo/users2")
      .then((result) => {
        const users = result.data.map((user) => ({
          id: user.id,
          name: `${user.lastname}　${user.firstname}`,
          age: user.age
        }));
        setUserList(users);
      })
      .catch(() => setIsError(true))
      .finally(() => setIsLoading(false));

このロジックを動かすと、

TypeError
Cannot read properties of undefined (reading 'get')

となります。

ちなみに環境は、
https://codesandbox.io/s/vigilant-robinson-mdhfto?file=/src/App.jsx:329-711
get内のURLを実行すると、きちんと値が返ってきます。

[
  {
    "id": 1,
    "firstname": "勉",
    "lastname": "主田",
    "age": 24
  },
  {
    "id": 2,
    "firstname": "未来",
    "lastname": "先岡",
    "age": 28
  },
  {
    "id": 3,
    "firstname": "一郎",
    "lastname": "後藤",
    "age": 23
  }
]

どなたか、getでエラーにならない方法をお教えください。

Answer 1

import {axios} from 'axios';ではなく、import axios from 'axios';です。

Comments

[goola]

思ったように動作しました。
テキストにも{}はありませんでした。
お騒がせいたしました。