Как я могу отфильтровать эти элементы по реакции js

Question

мой код:

import React, {useContext, useEffect} from 'react'
import {Products} from '../Catalog/Products'
import {productsContext} from '../Context/products/productsContext'


export const Catalog = () => {
    const {products, fetchProducts} = useContext(productsContext)

    useEffect(() => {
        fetchProducts()
        // eslint-disable-next-line
    }, [])

    const toggleSelect = (e) => {
        ???? 
        all products have property «brend»
    } 

    return (
        <div className="container mt-5">
            <select onChange={toggleSelect}>
                <option>...</option>
                <option>Hyundai</option>
                <option>Kia</option>
                <option>Chevrolet</option>
            </select>
            <Products products={products}/>
        </div>
    )
}

products - это массив:

products

Я хочу отфильтровать товары по бренду, скопировав существующий Массив товаров и изменение его копии при каждом изменении выбора

большое спасибо