Framer Motion useInView()

const introContainerRef = useRef<HTMLDivElement>(null);

const introContainerRef = useRef<HTMLDivElement>(null);

const introContainerInView = useInView(introContainerRef, {
    margin: "100px 0px 0px 0px",
  });

const introContainerInView = useInView(introContainerRef, {
    margin: "100px 0px 0px 0px",
  });

any idea why this is not adding 100px of margin until the introContainerInView will become true?

Framer Motion useInView() - Theo's Typesafe Cult