Passing saved audio tracks down to unique tile components in Daily video chat React app

Tile.js

// In Tile.js 

export default function Tile(props) {
  const videoEl = useRef(null);
  const audioEl = useRef(null);
  
  // ... 

  function getVideoComponent() {
    return videoTrack && <video autoPlay muted playsInline ref={videoEl} />;
  }

  function getAudioComponent() {
    return (
      !props.isLocalPerson &&
      audioTrack && <audio autoPlay playsInline ref={audioEl} />
    );
  }
  
  // ... 
  
  return (
    <div className={getClassNames()} onClick={props.onClick}>
      <div className="background" />
      // ... 
      {getVideoComponent()}
      {getAudioComponent()}
    </div>
  );
}