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'**
      }
    }
  });