baritone | google maps for block game | Video Game library

import CountUp from 'react-countup';
import { Link } from 'react-router-dom';
import '../App.css';

/*Components ->*/
import Client from '../components/client.js'

function App() {

    const [search, setSearch] = React.useState({
        searchname: ''
    });

    **Array containing client data ->** const [client, setClient] = React.useState([
        { safestatus: 'safe-status-green', safe: 'Safe (Verified)', name: 'Impact', price: 'Free', mcversion: '1.11.2 - 1.16.5', type: 'Injected', compat: 'None (Stand alone client)', desc: 'The Impact client is an advanced utility mod for Minecraft, it is packaged with Baritone and includes a large number of useful mods.', screen: 'https://impactclient.net/', download: 'https://impactclient.net/'},
        { safestatus: 'safe-status-green', safe: 'Safe (Verified)', name: 'Future', price: '15€', mcversion: '1.8.9 - 1.14.4', type: 'Injected', compat: 'None (Stand alone client)', desc: 'Vanilla, OptiFine, Forge and Liteloader support, Easy to use account manager, Auto-reconnect mod.', screen: 'https://www.futureclient.net/', download: 'https://www.futureclient.net/'}
        
    ]);

    const updateSearch = (event) => {
        event.persist();
        setSearch((prev) => ({
            ...prev,
            [event.target.name]: event.target.value
          }));
    };
    
  return (
    
        Hacked HubAbout Us | FAQ
        +
        hacked clients and counting...
        
            
            
                Free
                Paid
            
            
                Safe
                Probably Safe
                Not Safe (BE CAREFUL!)
            
            
                1.8.9
                1.12.2
                1.16.5
                1.17+
            
            
                Injected
                Mod
            
            
                With Most Other Clients
                Stand Alone
            
            ⚠ WARNING ⚠ Only download clients you know are 100% safe! If we do find a client that is a rat / virus / BTC miner we will tag it as UNSAFE IMMEDIATELY. The saftey warnings for clients are MERE RECCOMENDATIONS, please do thorough research before downloading any hacked client that you are not 100% sure is safe. This page is also in development, meaning features are prone to break! So be careful!!!
            Sponsored clients
                None XD
            Submitted clients
                {client
                    **Filtering the array then mapping it -> (This i want to do onClick)** .filter((client) => client.name === search.searchname)
                    .map((client, index) => {
                        return (
                            
                        );
                    })}
            
    
  );
}

export default App;