🚀 updated version

Author: Abdulnasır Olcan

example/package.json

@@ -10,7 +10,8 @@
   },
   "dependencies": {
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-lazy-loader-component": "^0.1.2"
   },
   "devDependencies": {
     "@types/react": "^18.0.24",

example/postcss.config.cjs

@@ -1,10 +1,6 @@
-const { join } = require('path');
-
 module.exports = {
-  plugins: {
-    tailwindcss: {
-      config: join(__dirname, 'tailwind.config.cjs'),
-    },
-    autoprefixer: {},
-  },
+    plugins: {
+      tailwindcss: {},
+      autoprefixer: {},
+    }
 }

example/src/components/Footer.tsx

@@ -1,4 +1,4 @@
-import { LazyLoad } from "../../../src";
+import { LazyLoad } from "react-lazy-loader-component";
 
 const Footer = () => {
     return (

example/src/components/GetInTouch.tsx

@@ -1,6 +1,6 @@
 import React, { Suspense } from 'react';
 
-const LazyLoad = React.lazy(() => import('../../../src/LazyLoad'));
+import { LazyLoad } from "react-lazy-loader-component";
 
 const GetInTouch = () => {
     return (

example/src/components/OurSatisfiedClients.tsx

@@ -1,4 +1,4 @@
-import { LazyLoad } from "../../../src";
+import { LazyLoad } from "react-lazy-loader-component";
 
 const OurSatisfiedClients = () => {
     return (

example/src/components/ProductCards.tsx

@@ -1,4 +1,4 @@
-import { LazyLoad } from "../../../src";
+import { LazyLoad } from "react-lazy-loader-component";
 
 const ProductCards = () => {
     return (

example/src/components/Shop.tsx

@@ -1,4 +1,4 @@
-import { LazyLoad } from "../../../src";
+import { LazyLoad } from "react-lazy-loader-component";
 
 const Shop = () => {
     return (

index.d.ts

@@ -1 +1,2 @@
-declare module 'react-lazy-loader-component'
+declare module 'react-lazy-loader-component';
+declare module 'react-lazy-loader-component/LazyLoad';