Materialize not working in React component?

Hey guys, can’t get Materialize to properly place the div. Col 6 should be moving it to the size, but it isn’t working…any ideas?

import React from 'react'


const Art = (props) => {
    return (
        <div className="container">
            <div className="row">
                <div className="col s6">
                    <div><img src={props.art.poster} alt='https://placekitten.com/200/300'></img></div>
                    <br />
                    <div><b>Title:</b> <i>{props.art.title}</i></div>
                    <br />
                    <div><b>Year:</b> {props.art.year}</div>
                    <br />
                    <div><b>Medium:</b> {props.art.medium}</div>
                    <br />
                    <div>{props.art.description}</div>
                    <br />
                </div>
            </div>
        </div>
    )
}

export default Art