Why is Typescript telling me " 'offset' does not exist in type 'UseScrollOptions' "?

I am building a React website with NextJS 13, Typescript, and Framer Motion. I have the following code, basically copied and pasted from the Framer docs:

const { scrollYProgress } = useScroll({
target: targetRef,
container: containerRef,
offset: ['start end', 'end end'],
});

Typescript is underlining 'offset' and telling me

'offset' does not exist in type 'UseScrollOptions'

How could type offset not exist in UseScrollOptions when the docs tell you that's how to do it? I've used this method of creating animations with scroll before and I've never received this error. What am I doing wrong?

I tried uninstalling and reinstalling Framer motion (I am using 10.13). I even tried rolling back to 10.12 and it gave me the same answer. I have no idea how to fix this when I am copying and pasting from the docs and it isn't working.

Having the same issue with framer-motion 10.13. As pointed out in the other answer, it looks like the current type files actually don't provide the offset field. O.o

Types: UseScrollOptions, extends ScrollOptions.

Downgrading to version 10.12.18 was the only solution I found:

npm install framer-motion@10.12.18

Note: In my scenario, I had "framer-motion": "^10.12.18" (with caret) in my package.json which allowed the installation of 10.13. To show the currently installed version use npm list.

Oddly enough, it seems like it has not been defined as a type in the 'framer-motion' package

Here the interface UseScrollOptions is defined and it does not define a type for 'offset': line 10
https://github.com/framer/motion/blob/main/packages/framer-motion/src/value/use-scroll.ts

And neither does ScrollOptions that it extends: line 3
https://github.com/framer/motion/blob/main/packages/framer-motion/src/render/dom/scroll/types.ts

Possible solution would be to create a PR to their repo with a fix.

You must have defined a type called UseScrollOptions, which values ​​are defined with their own types: target: targetRef, container: containerRef, but you did not define the offset in this type.

interface UseScrollOptions {
target: TTarget,
container: type,
offset: TOffset,
}

enum TOffset { 'start end', 'end end'}

type TTarget {
enum1: type1,
enum2: type1
enum3: type1
enum4: type1
}