Unable to Customize my Buttons

Description

For some reason I cannot write content inside my ‘wave’ buttons. One is supposed to be ‘sign up’, the other ‘sign in’. To add space in between them, I used Row and Col this way:

<Row>
       <Col s={6} className='grid'>
       <a class="waves-effect waves-light btn-large" href="#">Sign in </a>
       </Col>
     
       <Col s={6} className='grid'>
         <a class="waves-effect waves-light btn-large" href="#">Sign Up</a>
       </Col>
     </Row>

When I run my code, I get to show one full label and half the other

Steps to Reproduce

1. [First Step]
2. [Second Step]
3. [or Code Sample…]

Expected behavior: [What you expect to happen]

Display both labels correctly

Actual behavior: [What actually happens] Labels are not showing correctly, by labels I mean text content of buttons

Versions

react-materialize: 0.98.0 materialize-css: 0.98.0 react: ^16.0.0

Thanks for helping out!

[lastgiven]

Should your class on the anchor not be className?

What happens when you change class=" amber darken-4 waves-effect waves-light btn-large" to className=" amber darken-4 waves-effect waves-light btn-large"

[alextrastero]

Please try react-materialize3.x and reopen if this is still happening, thanks!