Transition React-Materialize Parallax images in timeout?

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 (
      <Parallax className="parallax" imageSrc=""/>

export default ParallaxImage