button tag both in html tag and styled-compoent does not show in the screen

The button tag in html works on my other projects, but it seems like the button tag in both html and styled component does not appear in the screen. Is this possible that I have made a reusable button component in the common folder?my localhost:3000

Here is my styled component:

export const TestButton = styled.button`
  width: 220px;
  height: 40px;
`;

Here is my index:

      <S.RightWrapper>
          <div>This is right wrapper</div>
          <S.TestButton>Button test 1</S.TestButton>
          <button>Button test 2</button>
          <input type='submit' value='Button test 3' />
          <br />
          <input type='reset' value='Button test 4' />
          <br />
          <input type='button' value='Button test 5' />
        </S.RightWrapper>

Please see the screen captured image..