Использование внешнего интерфейса и хука API для узловых модулей

Question

Я пытаюсь использовать модуль npm https://www.npmjs.com/package/@devbookhq/splitter , который используется для создания разделенных панелей. Мне удалось создать горизонтальный сплиттер, а затем я хотел бы сделать то же самое с вертикальным, включив реквизиты SplitDirection. Я попытался сделать это, внедрив внешний класс перечисления:

      @file:JsModule("@devbookhq/splitter")
@file:JsNonModule
package packageexample

import react.ComponentClass
import react.PropsWithChildren

@JsName("SplitDirection")
external enum class SplitDirection { Vertical, Horizontal}

@JsName("default")
external val Splitter: ComponentClass<SplitterProps>

external interface SplitterProps : PropsWithChildren {
   var direction: SplitDirection
}

Однако это не работает ... Также, если я попытаюсь использовать Splitter в качестве имени JS вместо «по умолчанию» (как это обычно делается при импорте Splitter), даже вертикальный разделитель не работает. Еще одна вещь, которую я хотел бы сделать, это сохранить размер окна внутри API-интерфейса, поэтому при нажатии на значок на моей главной странице, который запускает FC, сплиттер не возвращается в исходное положение, и поэтому размеры не сбрасываются. . Спасибо всем, кто найдет время, чтобы прочитать меня