Spine Player - React.js

Broc Roberts

I'm trying to implement the Spine Player (referenced below) into my React project. I am receiving this error immediately when importing and I don't know how to work around it. Any help would be greatly appreciated!

Spine client version: 3.8.97

Tutorial: http://esotericsoftware.com/spine-player
Spine Player: https://github.com/EsotericSoftware/spine-runtimes/tree/3.8/spine-ts/build/spine-player.js
Spine Player CSS: https://github.com/EsotericSoftware/spine-runtimes/blob/3.8/spine-ts/player/css/spine-player.css

Error:

./src/components/Spine/spine-player.js
Failed to compile.

Line 2238:73: Unexpected use of 'status' no-restricted-globals
Line 2240:65: Unexpected use of 'status' no-restricted-globals
Line 2258:71: Unexpected use of 'status' no-restricted-globals
Line 2260:63: Unexpected use of 'status' no-restricted-globals
Line 2371:80: Unexpected use of 'status' no-restricted-globals
Line 2373:72: Unexpected use of 'status' no-restricted-globals
Line 7748:41: Unexpected use of 'name' no-restricted-globals
Line 7767:38: Unexpected use of 'name' no-restricted-globals
Line 7911:34: Unexpected use of 'name' no-restricted-globals
Line 7915:18: Unexpected use of 'closed' no-restricted-globals
Line 7945:35: Unexpected use of 'name' no-restricted-globals
Line 11830:18: 'CodeMirror' is not defined no-undef

React component where the file is imported:

import React from "react";
import styled, { ThemeProvider } from "styled-components";
import theme from "../themes";
import SpineObject from "./spine-player"
import "./spine-player.css"

const Spine = styled.div``;

export default React.memo((props) => {
return (
<ThemeProvider theme={theme}>
<Spine>
...
</Spine>
</ThemeProvider>
);
});