Replace prop with context

src/components/ItemView/ItemView.js

@@ -4,13 +4,18 @@ import { Paper, AppBar, Tab, makeStyles, useTheme } from '@material-ui/core';
 // Import these tab components from @material-ui/lab instead of @material-ui/core for automatic a11y props
 // See: https://material-ui.com/components/tabs/#experimental-api
 import { TabContext, TabList, TabPanel } from '@material-ui/lab';
-import ItemMetadataView from "../ItemMetadataView/"
+import ItemMetadataView from "../ItemMetadataView"
 import ItemBodyView from "../ItemBodyView";
 import ItemHeaderView from "../ItemHeaderView";
+import { useItem } from "../ItemProvider";
 
-export default function ItemView({ activeItem }){
+export default function ItemView(){
+	// Set stateful variables
 	const [activeTab, setActiveTab] = useState('Conversation');
 
+	// Set contextual variables
+	const activeItem = useItem();
+
 	const theme = useTheme();
 	const useStyles = makeStyles({
 		"paperPadding": {
@@ -51,6 +56,4 @@ export default function ItemView({ activeItem }){
 };
 
 ItemView.propTypes = {
-	/** The item to be viewed. */
-	"activeItem": PropTypes.object.isRequired
 };