Attach styles to component

Author: ajmnz

src/CustomCursor.css

@@ -7,7 +7,7 @@ import {
   removeHoverEvent, removeWindowEvent,
 } from './utils';
 
-import './CustomCursor.css';
+import styles from './styles.module.css';
 
 const CustomCursor = ({
   targets,
@@ -45,7 +45,7 @@ const CustomCursor = ({
   }, [opacity, ref, smoothness, targetOpacity, targetScale, targets]);
 
   return (
-    <div className='cursor'>
+    <div className={styles.cursor}>
       <svg
         ref={ref}
         className={customClass}

src/index.js

@@ -0,0 +1,15 @@
+.cursor {
+  display: none;
+}
+
+@media (any-pointer: fine) {
+	.cursor {
+		position: fixed;
+		top: 0;
+		left: 0;
+		display: block;
+		pointer-events: none;
+    opacity: 0;
+    z-index: 100000;
+  }
+}

src/styles.module.css

@@ -4,13 +4,13 @@ const addHoverEvent = (cursor, targets) => {
 
   if (Array.isArray(targets)) {
     targets.forEach((target) => {
-      [...document.querySelectorAll(target)].forEach((el) => {
+      [].forEach.call(document.querySelectorAll(target), (el) => {
         el.addEventListener('mouseenter', cursor.enter);
         el.addEventListener('mouseleave', cursor.leave);
       });
     });
   } else {
-    [...document.querySelectorAll(targets)].forEach((el) => {
+    [].forEach.call(document.querySelectorAll(targets), (el) => {
       el.addEventListener('mouseenter', cursor.enter);
       el.addEventListener('mouseleave', cursor.leave);
     });
@@ -22,13 +22,13 @@ const removeHoverEvent = (cursor, targets) => {
 
   if (Array.isArray(targets)) {
     targets.forEach((target) => {
-      [...document.querySelectorAll(target)].forEach((el) => {
+      [].forEach.call(document.querySelectorAll(target), (el) => {
         el.removeEventListener('mouseenter', cursor.enter);
         el.removeEventListener('mouseleave', cursor.leave);
       });
     });
   } else {
-    [...document.querySelectorAll(targets)].forEach((el) => {
+    [].forEach.call(document.querySelectorAll(targets), (el) => {
       el.removeEventListener('mouseenter', cursor.enter);
       el.removeEventListener('mouseleave', cursor.leave);
     });