Fetching fake data from random user API

HomeScreen.js

import React, { useEffect, useState } from "react";
import { View, Text } from "react-native";

const HomeScreen = () => {

    const [data, setData] = useState([]);

    useEffect(() => {
        fetchData("https://randomuser.me/api/?results=20");
    }, []);

    const fetchData = async (url) => {
        try {
            const response = await fetch(url);
            const json = await response.json();
            setData(json.results);
            setFilteredData(json.results);
            console.log(json.results);
        } catch (error) {
            console.error(error);
        }
    };

    return (
        <View>
          <Text
                style={{
                    fontSize: 30,
                    textAlign: "center",
                    marginTop: "20%"
                }}
          >Home Screen</Text>
        </View>
    );
  }

export default HomeScreen;