fix: be specific with import type

src/InView.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { IntersectionObserverProps, PlainChildrenProps } from './index';
+import type { IntersectionObserverProps, PlainChildrenProps } from './index';
 import { observe } from './observe';
 
 type State = {

src/observe.ts

@@ -1,4 +1,4 @@
-import { ObserverInstanceCallback } from './index';
+import type { ObserverInstanceCallback } from './index';
 
 const observerMap = new Map<
   string,

src/stories/elements.tsx

@@ -1,6 +1,6 @@
 import { AnimatePresence, motion } from 'framer-motion';
 import React, { useEffect, useRef, useState } from 'react';
-import { IntersectionOptions } from '../index';
+import type { IntersectionOptions } from '../index';
 
 type ScrollProps = {
   children: React.ReactNode;

src/stories/story-utils.ts

@@ -1,4 +1,4 @@
-import { IntersectionOptions } from '../index';
+import type { IntersectionOptions } from '../index';
 
 export function getRoot(options: IntersectionOptions) {
   if (options.rootMargin && !options.root && window.self !== window.top) {

src/useInView.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import { InViewHookResponse, IntersectionOptions } from './index';
-import { useEffect } from 'react';
+import type { InViewHookResponse, IntersectionOptions } from './index';
 import { observe } from './observe';
 
 type State = {
@@ -101,7 +100,7 @@ export function useInView({
   );
 
   /* eslint-disable-next-line */
-  useEffect(() => {
+  React.useEffect(() => {
     if (!unobserve.current && state.entry && !triggerOnce && !skip) {
       // If we don't have a ref, then reset the state (unless the hook is set to only `triggerOnce` or `skip`)
       // This ensures we correctly reflect the current state - If you aren't observing anything, then nothing is inView