[React hooks]Uncaught TypeError: skills[selectedPersonNum].map is not a function

前提・実現したいこと

Reactでの多次元配列のmap処理について困っています。
ソースに記載の通り、多次元配列のうち指定のインデックスの配列のみをとりだしてmapを適応したいと考えています。
しかし、直接記述するとうまくいくのですが、axiosで取ってきたデータを当てはめようとするとうまくいきません。
原因がわかる方がいましたらコメントお願いします。

このエラーはuseEffectが走る前に発生するため、stateの初期値がダメなのでしょうか？

発生している問題・エラーメッセージ

Uncaught TypeError: skills[selectedPersonNum].map is not a function

該当のソースコード

//useEffect後は[["hoge", "fuga"], ["fuga", "fuga"], ・・・]のように多次元配列となる
const [skills, setSkills] = useState([]);

  useEffect(() => {
    async function fetchData() {
      const temp_skills = [];

      const result = await axios.get("http://localhost:3000/hoge");
      for (let i = 0; i < result.data.length; i++) {
        temp_skills.push(result.data[i].skill);
      }
      setSkills(temp_skills); //値の取得を確認
    }
    fetchData();
  }, [setSkills]);

//省略

<Grid item xs={12} md={6}>
      <div>
        <List>
          {skills[selectedPersonNum].map((name, index) => ( //多次元配列の中から指定のindexのもののみmapを適応したい
         //["hoge", "hoge"].mapだとうまくいく
            <ListItem key={index}>
              <ListItemText primary={name} />
            </ListItem>
          ))}
        </List>
      </div>
    </Grid>