Why does a button created with a styled component only fire 2 times?

Question

HTML

Why does a button created with a React styled component only fire 2 times? default button works immediately here is the button creation code

const SendButton = styled.button`
        z-index:100;
        background:orangered;
        margin: 0 auto;
        border: none;
        font-size: 20px;
        padding: 5px 10px;
        color: white;
        &:hover {
        cursor:pointer;
        }
        &:focus {
        outline: none;
        }
    `;

Answer 1

Кр4 this button code needs to be pulled out of the functional component and everything will work correctly