ssr window issue fixed

Author: vaibhav23bansal

package-lock.json

@@ -49,6 +49,7 @@
   "dependencies": {
     "imagekit-javascript": "^1.2.1",
     "prop-types": "^15.7.2",
-    "react-scripts": "3.4.0"
+    "react-scripts": "3.4.0",
+    "url-parse": "^1.4.7"
   }
 }

package.json

@@ -2,7 +2,7 @@ import React from 'react';
 import ImageKitComponent from "../ImageKitComponent/ImageKitComponent";
 import extractImageKitProps from '../../util/extractImageKitProps';
 
-export default class IKImage extends ImageKitComponent {
+class IKImage extends ImageKitComponent {
   constructor(props, context) {
     super(props, context);
     this.imageRef = React.createRef();
@@ -95,4 +95,6 @@ export default class IKImage extends ImageKitComponent {
   }
 }
 
-Image.propTypes = ImageKitComponent.propTypes;
+IKImage.propTypes = { ...ImageKitComponent.propTypes };
+
+export default IKImage;

src/components/IKImage/IKImage.js

@@ -1,23 +1,24 @@
+var Url = require('url-parse'); //supports both browser and node
+Url('hostname', {});
+
 export function parseURL(url) {
-  let parser = document.createElement('a'),
-      searchObject = {},
-      queries, split, i;
-  // Let the browser do the work
-  parser.href = url;
-  // Convert query string to object
-  queries = parser.search.replace(/^\?/, '').split('&');
-  for( i = 0; i < queries.length; i++ ) {
-      split = queries[i].split('=');
-      searchObject[split[0]] = split[1];
-  }
-  return {
-      protocol: parser.protocol,
-      host: parser.host,
-      hostname: parser.hostname,
-      port: parser.port,
-      pathname: parser.pathname,
-      search: parser.search,
-      searchObject: searchObject,
-      hash: parser.hash
-  };
+	let parsedUrl = Url(url);
+	let searchObject = {}, queries, split, i;
+	
+	// Convert query string to object
+	queries = parsedUrl.query.replace(/^\?/, '').split('&');
+	for( i = 0; i < queries.length; i++ ) {
+		split = queries[i].split('=');
+		searchObject[split[0]] = split[1];
+	}
+	return {
+		protocol: parsedUrl.protocol,
+		host: parsedUrl.host,
+		hostname: parsedUrl.hostname,
+		port: parsedUrl.port,
+		pathname: parsedUrl.pathname,
+		search: parsedUrl.query,
+		searchObject: searchObject,
+		hash: parsedUrl.hash
+	};
 }

src/util/urlParser.js

@@ -11,7 +11,8 @@ module.exports = {
     library: 'imageKitReact',
     libraryTarget: 'umd',
     publicPath: '/dist/',
-    umdNamedDefine: true
+	umdNamedDefine: true,
+	globalObject: 'typeof self !== \'undefined\' ? self : this',
   },
   module: {
     rules: [{