我想使用异步存储实现兑现，但我遇到了该错误

TypeError：未定义不是对象（评估'item.id.toString'）

这是我的代码

import React, {useState} from 'react';
import {View, Button, FlatList, Text} from 'react-native';
import AsyncStorage from '@react-native-async-storage/async-storage';

const books = [
  {id: 1, name: 'book 1'},
  {id: 2, name: 'book 2'},
  {id: 3, name: 'book 3'},
];

export default function GetDataScreen() {
  const [Books, setBooks] = useState([]);
  console.log(Books.length);
  console.log(Books);

  const clearAsyncStorage = async () => {
    AsyncStorage.clear();
  };

  const storeData = async value => {
    try {
      const books = JSON.stringify(value);
      await AsyncStorage.setItem('books', books);
    } catch (e) {
      console.log(e);
    }
  };

  const getData = async () => {
    try {
      const jsonValue = await AsyncStorage.getItem('books');

      setBooks(jsonValue);
      console.log(Books);
      return jsonValue != null ? JSON.parse(jsonValue) : null;
    } catch (e) {
      console.log(e);
    }
  };

  React.useEffect(() => {
    getData();
  }, []);

  return (
    <View>
      <Button title="Save" onPress={() => storeData(books)} />
      <Button title="get" onPress={() => getData()} />
      <FlatList
        data={Books}
        keyExtractor={item => item.id.toString()}
        renderItem={({item}) => <Text>{item.id}</Text>}
      />
    </View>
  );
}

我从异步存储中获取数据，并在注释我的 FlatList 时将其记录在控制台中，

但是当我取消注释 FlatList 时，出现该错误 “ TypeError：未定义不是对象（评估'item.id.toString'）”