Module parse failed: Unexpected token (104:6) getActionButtonStyle - reactjs

Question

I'm running a basic react app. I was looking to add a button with dynamic options. I found this: https://www.npmjs.com/package/react-native-circular-action-menu
I've installed all of the dependencies, but I'm getting this error:
./node_modules/react-native-circular-action-menu/ActionButton.js
Module parse failed: Unexpected token (104:6)
You may need an appropriate loader to handle this file type.
| renderButton() {
| return (
| <View
| style={this.getActionButtonStyle()}
| >
I don't have anything for using the tool, I'm just trying to load the dependencies. This is my code:
import React, { Component } from 'react';
import ActionButton from 'react-native-circular-action-menu';
import './OptionCircle.css';
class OptionCircle extends Component {
constructor() {
super();
};
render() {
return (
<div class="container blue">
<div class="circle">
</div>
</div>
);
}
}
export default OptionCircle;

Answer 1

I ended up making my own.
<div className="container">
<button onClick={this.hideOtherButtons} className="large-button button ">Click me to hide</button>
{this.state.isHidden && <button onClick={this.returnYesStringToParent} className="button deg0">Yes</button> }
{this.state.isHidden && <button onClick={this.returnNoStringToParent} className="button deg45">No</button> }
</div>
css:
.container {
width: 100px;
height: 1px;
position: relative;
}
.container .button {
background: blue;
border-color: #3EB2EF;
display: block;
position: absolute;
left: 50%;
width: 4em; height: 4em;
margin: 0em;
border-radius: 50%;
color: white;
}
.container .large-button {
border-radius: 50%;
width: 8em;
height: 8em;
transform: translate(-3em, -3em);
color: white;
}
.container .deg0 { transform: translate(5em); } /* 12em = half the width of the wrapper */
.container .deg45 { transform: rotate(-90deg) translate(7em) rotate(90deg); }
.container .deg135 { transform: rotate(135deg) translate(5em) rotate(-135deg); }