Generates a React component from an existing Instance. Alternatively, set `clone = false` to "inverse portal."

fromInstance.luau

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

local useEffect = React.useEffect
local e = React.createElement

local function applyProps(target: Instance, props, applyRef)
	for propName, propValue in props do
		if propName == "children" or propName == "Parent" then
			continue
		end

		if propName == "ref" then
			if not applyRef then
				continue
			end

			if typeof(propValue) == "function" then
				propValue(target)
			elseif typeof(propValue) == "table" then
				propValue.current = target
			end

			continue
		end

		if propName:find("%.") then
			local parts = propName:split(".")
			local current = target

			for i = 1, #parts - 1 do
				current = (current :: any)[parts[i]]
			end

			(current :: any)[parts[#parts]] = propValue
			continue
		end

		(target :: any)[propName] = propValue
	end
end

local function fromInstance(target: Instance, clone: boolean?)
	local instance = clone ~= false and target:Clone() or target

	return function(props: { [string]: any })
		useEffect(function()
			return function()
				instance:Destroy()
			end
		end, {})

		useEffect(function()
			applyProps(instance, props, false)
		end, { props })

		if instance.Parent then
			return
		end

		return e("Folder", {
			ref = function(rbx: Folder)
				if instance.Parent then
					return
				end

				applyProps(instance, props, true)
				instance.Parent = rbx.Parent

				rbx:Destroy()
			end,
		})
	end
end

return fromInstance