ComponentA

export const ComponentA = () => {
    const [counter, setCounter] = useState(0)
    const handleAdd = ()=>setCounter(counter => counter+1)
    return (
        <>
            <div><b>i am the at {counter} counter</b></div>
            <button onClick={handleAdd}>Add One</button>
        </>
    )
}