Minified React Error #130 Encountered, doesn't seem import-related? - reactjs

Question

The minified react error instructs me that an "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined."
Looking around, it seems that most people have issues with import/exports and the use of braces when necessary, eg. while using the default keyword.
However, this doesn't seem to be the issue here, which leaves me befuddled.
I have a few components in my program I've included below. None of these seem to strike me as improper importing or importing an undefined element.
How would I go about debugging this? If this is not import related, would it be dependency-related?
Code for reference below:
ExerciseDay:
import React from 'react';
import ExerciseItem from './ExerciseRoutine';
import ProgressionChart from "./ProgressionChart";
import surveyHelp from '../img/chart-help.png';
import surveyHelpText from '../questionnaire/chart-help.json';
import ReactCSSTransitionGroup from 'react-addons-css-transition-group';
export default class ExerciseDay extends React.Component {
constructor() {
super();
this.state = {help: false, visibility: true};
const experience = localStorage["experience"];
const pageChosen = sessionStorage.getItem("page");
this.numeric = pageChosen ? sessionStorage["page"] : experience === "No" ? "29" : experience === "Yes, once" ? "30" : "31";
this.sheikoData = require("../programs/Sheiko" + this.numeric + ".json");
}
render() {
let exerciseRoutines;
if (this.sheikoData) {
exerciseRoutines = this.sheikoData.map(exerciseDay => {
return (<ExerciseItem key={exerciseDay.day} exerciseDay={exerciseDay}/>);
});
}
return (
<div className="ExerciseDay">
<div style={{textAlign: "center", fontFamily: "Spectral SC", fontSize: 60}}>
Sheiko {!this.numeric.includes('-') ? '#' : null}{this.numeric}</div>
<ProgressionChart data={this.sheikoData}/>
<div className="Survey-help" style={{marginLeft: "5%"}}>
<img id="help-button" src={surveyHelp} alt=""
style={{width: "2%", float: "left", borderRadius: "5px", background: "lightgreen"}}
onClick={() => {
this.setState({help: !this.state.help})
}}/>
<ReactCSSTransitionGroup transitionName="fade" transitionEnterTimeout={300}
transitionLeaveTimeout={500}>
<p style={{
marginLeft: "5%",
fontFamily: "Itim, cursive",
fontSize: 22
}}>{this.state.help ? surveyHelpText.text : null}</p>
</ReactCSSTransitionGroup>
</div>
{exerciseRoutines}
</div>
);
}
}
ExerciseRoutine:
import React from "react";
import ExerciseType from "./ExerciseType";
import show from '../img/show.png';
import hide from '../img/hide.png';
export default class ExerciseRoutine extends React.Component {
constructor() {
super();
this.state = {showExerciseType: true};
}
render() {
let exerciseRoutine;
if (this.props.exerciseDay.routine) {
let routineKey = 0;
exerciseRoutine = this.props.exerciseDay.routine.map(routine => {
return <ExerciseType key={routine.exercise + routineKey++} routine={routine}/>
});
}
return (
<div className="ExerciseRoutine" style={{marginLeft: "15%"}}>
<div>
<h2 style={{
fontFamily: "Arima Madurai, cursive",
fontSize: 30,
display: "inline"
}}>{this.props.exerciseDay.day}
- {this.props.exerciseDay.routine.length} exercises</h2>
<img src={this.state.showExerciseType ? hide : show}
style={{width: this.state.showExerciseType? "2%": "2%", transform: "translateY(22%)"}} alt=""
onClick={() => this.setState({showExerciseType: !this.state.showExerciseType})}/>
</div>
<hr/>
{this.state.showExerciseType ? exerciseRoutine : null}
<br/>
</div>
)
}
}
ExerciseSelector:
import React from "react";
import Select from 'react-select';
import selection from "../programs/SheikoSelector.json";
export default class ExerciseSelector extends React.Component {
render() {
function logChange(val) {
if(!val) return;
sessionStorage["page"] = val.value;
window.location.reload();
}
return (
<Select name="exercise-selector" value="Current" clearValueText="yes"
options={selection} onChange={logChange} autofocus={true}
placeholder="Click here to search Sheiko program..."/>
);
}
}
ExerciseTask:
import React from "react";
import ReactToolTip from 'react-tooltip'
export default class ExerciseTask extends React.Component {
render() {
const effort = this.props.task.effort !== 0 ? Math.round(this.props.task.effort * 100) + "%" : "a comfortable";
return (<li className="ExerciseTask">
{this.props.task.sets} Sets of {this.props.task.reps} reps at {effort} effort
<ReactToolTip/>
</li>);
}
}
and ExerciseType:
import React from 'react';
import ExerciseTask from "./ExerciseTask";
import benchpress from '../img/benchpress.png';
import squat from '../img/squat.png';
import flies from '../img/flies.png';
import abs from '../img/abs.png';
import pushup from '../img/pushup.png';
import other from '../img/other.png';
export default class ExerciseType extends React.Component {
render() {
let exerciseType;
if (this.props.routine.tasks) {
let taskKey = 0;
exerciseType = this.props.routine.tasks.map(task => {
return <ExerciseTask key={taskKey++} task={task}/>
});
}
function determineImage(exercise) {
return exercise.includes("Bench") ? benchpress : exercise.includes("Squat") ? squat : exercise.includes("Fly") ? flies : exercise.includes("Abs") ? abs : exercise.includes("Push up") ? pushup : other;
}
return (<div className="ExerciseType" style={{backgroundColor: "#f9fbff"}}>
<h3 style={{
fontFamily: "Arima Madurai, cursive",
fontSize: 23
}}>{this.props.routine.exercise.charAt(0).toUpperCase() + this.props.routine.exercise.slice(1)}</h3>
<div style={{float: "left", whiteSpace: "nowrap"}}>
{exerciseType}
</div>
<img id="exercise-picture" src={determineImage(this.props.routine.exercise)}
data-tip={this.props.routine.exercise} alt=""/>
</div>);
}
}