React Luau hooks

useAttribute.luau

local React = require("@pkgs/React")

local useState = React.useState
local useEffect = React.useEffect

local function useAttribute<T>(
	target: Instance,
	attributeName: string,
	fallbackValue: T?
): T?
	local value, setValue = useState(target:GetAttribute(attributeName))

	useEffect(function()
		local signal = target
			:GetAttributeChangedSignal(attributeName)
			:Connect(function()
				setValue(target:GetAttribute(attributeName))
			end)

		return function()
			signal:Disconnect()
		end
	end, { target, attributeName } :: { any })

	return value or fallbackValue
end

return useAttribute