Uncaught TypeError: Cannot read property 'canvas' of undefined

I keep getting this error as soon as I show the color picker.

Uncaught TypeError: Cannot read property 'canvas' of undefined
at Checkboard (Checkboard.js:22)
at Checkboard (index.js:94)
at renderWithHooks (react-dom.development.js:14803)
at mountIndeterminateComponent (react-dom.development.js:17482)
at beginWork (react-dom.development.js:18596)
at HTMLUnknownElement.callCallback (react-dom.development.js:188)
at Object.invokeGuardedCallbackDev (react-dom.development.js:237)
at invokeGuardedCallback (react-dom.development.js:292)
at beginWork$1 (react-dom.development.js:23203)
at performUnitOfWork (react-dom.development.js:22154)
at workLoopSync (react-dom.development.js:22130)
at performSyncWorkOnRoot (react-dom.development.js:21756)
at react-dom.development.js:11089
at unstable_runWithPriority (scheduler.development.js:653)
at runWithPriority$1 (react-dom.development.js:11039)
at flushSyncCallbackQueueImpl (react-dom.development.js:11084)
at flushSyncCallbackQueue (react-dom.development.js:11072)
at scheduleUpdateOnFiber (react-dom.development.js:21199)
at dispatchAction (react-dom.development.js:15660)
at StatusDiagram.tsx:239
at Q.push../node_modules/gojs/release/go.js.t.R (go.js:722)
at Ee (go.js:282)
at Cg.push../node_modules/gojs/release/go.js.Ce.standardMouseClick (go.js:281)
at Cg.push../node_modules/gojs/release/go.js.Cg.doMouseUp (go.js:460)
at Oa.push../node_modules/gojs/release/go.js.Oa.doMouseUp (go.js:303)
at Q.push../node_modules/gojs/release/go.js.Q.doMouseUp (go.js:598)
at HTMLCanvasElement.Hi.a.Fk (go.js:808)
Checkboard @ Checkboard.js:22
Checkboard @ index.js:94
renderWithHooks @ react-dom.development.js:14803
mountIndeterminateComponent @ react-dom.development.js:17482
beginWork @ react-dom.development.js:18596
callCallback @ react-dom.development.js:188
invokeGuardedCallbackDev @ react-dom.development.js:237
invokeGuardedCallback @ react-dom.development.js:292
beginWork$1 @ react-dom.development.js:23203
performUnitOfWork @ react-dom.development.js:22154
workLoopSync @ react-dom.development.js:22130
performSyncWorkOnRoot @ react-dom.development.js:21756
(anonymous) @ react-dom.development.js:11089
unstable_runWithPriority @ scheduler.development.js:653
runWithPriority$1 @ react-dom.development.js:11039
flushSyncCallbackQueueImpl @ react-dom.development.js:11084
flushSyncCallbackQueue @ react-dom.development.js:11072
scheduleUpdateOnFiber @ react-dom.development.js:21199
dispatchAction @ react-dom.development.js:15660
(anonymous) @ StatusDiagram.tsx:239
push../node_modules/gojs/release/go.js.t.R @ go.js:722
Ee @ go.js:282
push../node_modules/gojs/release/go.js.Ce.standardMouseClick @ go.js:281
push../node_modules/gojs/release/go.js.Cg.doMouseUp @ go.js:460
push../node_modules/gojs/release/go.js.Oa.doMouseUp @ go.js:303
push../node_modules/gojs/release/go.js.Q.doMouseUp @ go.js:598
Hi.a.Fk @ go.js:808

This is line 22:
var styles = reactCSS({
'default': {
grid: {
borderRadius: borderRadius,
boxShadow: boxShadow,
absolute: '0px 0px 0px 0px',
**background: 'url(' + checkboard.get(white, grey, size, renderers.canvas) + ') center left'**
}
}
});