WebpackError: ReferenceError: document is not defined

[cjarit]

I got this error when I try to build the website to production

1:44:25 PM: error Building static HTML for pages failed
1:44:25 PM: See our docs page on debugging HTML builds for help https://goo.gl/yL9lND
1:44:25 PM: 9912 |
1:44:25 PM: 9913 | function getColor(props) {
1:44:25 PM: > 9914 | var d = document.createElement('div');
1:44:25 PM: | ^
1:44:26 PM: 9915 | d.style.color = props.color;
1:44:26 PM: 9916 | document.body.appendChild(d);
1:44:26 PM: 9917 | var rgbcolor = window.getComputedStyle(d).color;
1:44:26 PM:

1:44:26 PM: WebpackError: ReferenceError: document is not defined
1:44:26 PM:
1:44:26 PM: - react-page-loading.js:9914 getColor
1:44:26 PM: [lib]/[react-page-loading]/dist/react-page-loading.js:9914:1
1:44:26 PM:
1:44:26 PM: - react-page-loading.js:9926 exports.default
1:44:26 PM: [lib]/[react-page-loading]/dist/react-page-loading.js:9926:1
1:44:26 PM:
1:44:26 PM: - react-page-loading.js:564
1:44:26 PM: [lib]/[react-page-loading]/dist/react-page-loading.js:564:1
1:44:26 PM:
1:44:26 PM:
1:44:26 PM: - react-page-loading.js:546 flatten
1:44:26 PM: [lib]/[react-page-loading]/dist/react-page-loading.js:546:1
1:44:26 PM:
1:44:26 PM: - react-page-loading.js:2456 ComponentStyle.generateAndInjectStyles
1:44:26 PM: [lib]/[react-page-loading]/dist/react-page-loading.js:2456:1
1:44:26 PM:
1:44:26 PM: - react-page-loading.js:2156 StyledComponent.generateAndInjectStyles
1:44:26 PM: [lib]/[react-page-loading]/dist/react-page-loading.js:2156:1
1:44:26 PM:
1:44:26 PM: - react-page-loading.js:2194 StyledComponent.componentWillMount
1:44:26 PM: [lib]/[react-page-loading]/dist/react-page-loading.js:2194:1