Transition React-Materialize Parallax images in timeout?

JavaScript
1

I have a react site with a parallax image from React-Materialize. I am trying to change that picture every three seconds coming from an array of pictures through the props. I have tried setting a class component here and logging out the props, but in order to have componentDidMount() or WillMount(), I had to put a timeout to 100 milliseconds to make sure the props were passed through. I am having a very hard time trying to figure out how to do this. I have tried to get the array of images, then set a timeout function to increment to the next image url in the array, but I can’t figure it out. Any ideas? Here is the working code right now without a class component or any component state.

import React from 'react'
import { Parallax } from 'react-materialize'
import './parallax.css'

const ParallaxImage = (props) => {
  return (
    <div>
      <Parallax className="parallax" imageSrc="https://images.unsplash.com/photo-1524215358253-2a0988a55a68?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1951&q=80"/>
    </div>
  )
}

export default ParallaxImage