AmpliTunes with react-amplitude

NowPlayingView.jsx

import React, { Fragment } from "react";
import { Amplitude, LogOnMount } from "@amplitude/react-amplitude";

const NowPlayingView = props => {
  return (
    <Amplitude
      // All events logged in this subtree will include these event properties
      eventProperties={inheritedProps => ({
        ...inheritedProps,
        "song id": props.songId,
        "genre id": props.genreId,
        "playlist id": props.playlistId,
        "is song favorited": props.isFavorited,
        "time elapsed": props.getTimeElapsed()
      })}
    >
      {/* Log an event when this view mounts */}
      <LogOnMount eventType="view now playing screen" />
      {/* Log an event when the song changes */}
      <LogOnChange value={props.songId} eventType="play song" />
      <PlayControls />
    </Amplitude>
  );
};

const PlayControls = props => {
  return (
    <div>
      <Seeker />
      <div>
        <RewindButton />
        <PlayPauseButton />
        <FastForwardButton />
      </div>
      <div>
        <ShareMenu />
      </div>
    </div>
  );
};

const FastForwardButton = props => {
  return (
    <Amplitude>
      {({ instrument }) => (
        // Log an event when this button is clicked
        <Button onClick={instrument("fast forward", props.fastForward)}>
          <Icon name="FAST_FORWARD" />
        </Button>
      )}
    </Amplitude>
  );
};