gistfile1.txt

const SearchContext = createContext({});

const SearchProvider = ({children}) => {
    const [artistsData, setArtistsData] = useState([]);
    const [searchTerm, setSearchTerm] = useState([]);

    async function fetchArtistsData() {
        // ..pega dados dos artistas
        setArtistsData(data);
    }

    useEffect(() => {
        fetchArtistsData()
    }, []);

    const filteredArtists = artistsData.filter(artist => artist.name.includes(searchTerm));
    const artistCount = filteredArtists.length;

    return (
        <SearchContext.Provider
            value={{
                artistsData,
                searchTerm,
                setSearchTerm,
                filteredArtists,
                artistCount
            }}
        />
    )
}