@@ -74,7 +74,7 @@ const MyComponent = () => (
7474import { LazyLoad } from " react-lazy-loader-component" ;
7575
7676const MyComponent = () => (
77- <LazyLoad rootMargin = { 100 } threshold = { 0.15 } >
77+ <LazyLoad rootMargin = { 100 } threshold = { 0.95 } >
7878 <img src = " https://images.pexels.com/photos/3748221/pexels-photo-3748221.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" />
7979 </LazyLoad >
8080);
@@ -83,10 +83,10 @@ const MyComponent = () => (
8383#### 🗂 Performing a side effect once your image is loaded
8484
8585``` tsx
86- import LazyLoad from " react-lazy-loader-component" ;
86+ import { LazyLoad } from " react-lazy-loader-component" ;
8787
8888const MyComponent = () => (
89- <LazyLoad rootMargin = { 400 } threshold = { 0.15 } freezeOnceVisible = { true } >
89+ <LazyLoad rootMargin = { 400 } threshold = { 0.95 } freezeOnceVisible = { true } >
9090 <img src = " https://images.pexels.com/photos/3748221/pexels-photo-3748221.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" />
9191 </LazyLoad >
9292);
@@ -96,7 +96,7 @@ const MyComponent = () => (
9696
9797``` tsx
9898import React , { Suspense } from " react" ;
99- const LazyLoad = React . lazy (() => import ( " react-lazy-loader-component" )) ;
99+ import { LazyLoad } from " react-lazy-loader-component" ;
100100
101101const MyComponent = () => (
102102 <Suspense fallback = { <div >Loading...</div >} >
0 commit comments