How to fix a problem in one of your code components

If you see the error "We detected a problem in one of your code components/overrides" in Framer, that means something went wrong in your custom React code.

The most common cause of this error is returning something that is not a function inside of a useEffect hook. For example, you may have:

useEffect(() => counterRef.current++, [someState])

The above code would return a number to React because it's an arrow function, causing a crash. To fix this, add curly braces around the function body:

useEffect(() => { counterRef.current++ }, [someState])

If you are still having this issue, please join our Discord and post about your issue.