Fix type errors

src/Components/ComponentTree/Component/Directory.lua

@@ -21,7 +21,7 @@ type Props = {
 local function Directory(props: Props)
 	local theme = useTheme()
 	local hover, setHover = React.useState(false)
-	local styles = RoactSpring.useSpring({
+	local styles = (RoactSpring.useSpring :: any)({
 		alpha = if hover then 0 else 1,
 		rotation = if props.expanded then 90 else 0,
 		config = constants.SPRING_CONFIG,

src/Components/ComponentTree/Component/Story.lua

@@ -20,7 +20,7 @@ type Props = {
 local function Story(props: Props)
 	local theme = useTheme()
 	local hover, setHover = React.useState(false)
-	local styles = RoactSpring.useSpring({
+	local styles = (RoactSpring.useSpring :: any)({
 		alpha = if not props.active then if hover then 0 else 1 else 0,
 		color = if not props.active then theme.divider else theme.selection,
 		textColor = if not props.active then theme.textFaded else theme.background,

src/Components/DragHandle.lua

@@ -25,7 +25,7 @@ local function DragHandle(props: Props)
 	local plugin = React.useContext(PluginContext.Context)
 	local isDragging, setIsDragging = React.useState(false)
 	local isHovered, setIsHovered = React.useState(false)
-	local mouseInput: InputObject, setMouseInput = React.useState(nil)
+	local mouseInput, setMouseInput = React.useState(nil :: InputObject?)
 
 	local getHandleProperties = React.useCallback(function()
 		local size: UDim2

src/Components/Navbar/Item.lua

@@ -19,7 +19,7 @@ local function Item(props: Props)
 	local theme = useTheme()
 
 	local hover, setHover = React.useState(false)
-	local styles = RoactSpring.useSpring({
+	local styles = (RoactSpring.useSpring :: any)({
 		alpha = if not props.active and hover then 0 else 1,
 		config = constants.SPRING_CONFIG,
 	})

src/Components/ResizablePanel.lua

@@ -36,11 +36,17 @@ local function ResizablePanel(props: Props)
 	end, { absoluteSize })
 
 	local isWidthResizable = React.useMemo(function()
-		return Sift.Array.includes(props.dragHandles, "Left") or Sift.Array.includes(props.dragHandles, "Right")
+		if props.dragHandles then
+			return Sift.Array.includes(props.dragHandles, "Left") or Sift.Array.includes(props.dragHandles, "Right")
+		end
+		return nil
 	end, { props.dragHandles })
 
 	local isHeightResizable = React.useMemo(function()
-		return Sift.Array.includes(props.dragHandles, "Top") or Sift.Array.includes(props.dragHandles, "Bottom")
+		if props.dragHandles then
+			return Sift.Array.includes(props.dragHandles, "Top") or Sift.Array.includes(props.dragHandles, "Bottom")
+		end
+		return nil
 	end, { props.dragHandles })
 
 	local width = React.useMemo(function()

src/Components/Searchbar.lua

@@ -31,7 +31,7 @@ local function Searchbar(props: Props)
 	local isFocused, setIsFocused = React.useState(false)
 	local isExpanded = isFocused or search ~= ""
 
-	local styles = RoactSpring.useSpring({
+	local styles = (RoactSpring.useSpring :: any)({
 		alpha = if isExpanded then 1 else 0,
 		config = constants.SPRING_CONFIG,
 	})

src/Components/StoryView.lua

@@ -34,7 +34,7 @@ local function StoryView(props: Props)
 	local extraControls, setExtraControls = React.useState({})
 	local controlsHeight, setControlsHeight = React.useState(constants.CONTROLS_INITIAL_HEIGHT)
 	local topbarHeight, setTopbarHeight = React.useState(0)
-	local storyParentRef = React.useRef()
+	local storyParentRef = React.useRef(nil :: GuiObject?)
 	local controls
 
 	if story and story.controls then

src/Plugin/PluginContext.lua

@@ -2,7 +2,7 @@ local flipbook = script:FindFirstAncestor("flipbook")
 
 local React = require(flipbook.Packages.React)
 
-local PluginContext = React.createContext()
+local PluginContext = React.createContext({})
 
 export type Props = {
 	plugin: Plugin,