Uncaught TypeError: m.current is not a function

[simondpalmer]

Hi I am using the "Pocket" App Template from Tailwind UI website and I keep getting this Type Error while trying to use the headlessUI Tabs and AnimatePresence. The Tabs render but I cant select the separate Tabs to rotate through the separate tabs. These Tabs are found on PrimaryFeatures.ts in the "Pocket" Template

react-dom.development.js:20620 Uncaught TypeError: m.current is not a function
    at Object.eval [as current] (tabs.js:1:3578)
    at Object.eval [as change] (use-event.js:1:126)
    at Object.eval [as current] (tabs.js:1:5624)
    at eval (use-event.js:1:126)
    at onClick (render.js:4:953)
    at HTMLUnknownElement.callCallback (react-dom.development.js:20461:1)
    at Object.invokeGuardedCallbackImpl (react-dom.development.js:20510:1)
    at invokeGuardedCallback (react-dom.development.js:20585:1)
    at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js:20599:1)
    at executeDispatch (react-dom.development.js:31936:1)
    at processDispatchQueueItemsInOrder (react-dom.development.js:31968:1)
    at processDispatchQueue (react-dom.development.js:31981:1)
    at dispatchEventsForPlugins (react-dom.development.js:31992:1)
    at eval (react-dom.development.js:32182:1)
    at batchedUpdates$1 (react-dom.development.js:24793:1)
    at batchedUpdates (react-dom.development.js:28653:1)
    at dispatchEventForPluginEventSystem (react-dom.development.js:32181:1)
    at dispatchEvent (react-dom.development.js:29949:1)
    at dispatchDiscreteEvent (react-dom.development.js:29920:1)

What could be causing this??