Update for wrappers pre.265

Fix useEffectOnce usage

Author: SebastianAigner

src/jsMain/kotlin/App.kt

@@ -1,15 +1,14 @@
 import react.*
 import react.dom.*
-import kotlinext.js.*
 import kotlinx.html.js.*
 import kotlinx.coroutines.*
 
 private val scope = MainScope()
 
-val App = functionalComponent<RProps> { _ ->
+val App = fc<Props> {
     val (shoppingList, setShoppingList) = useState(emptyList<ShoppingListItem>())
 
-    useEffect {
+    useEffectOnce {
         scope.launch {
             setShoppingList(getShoppingList())
         }
@@ -32,16 +31,13 @@ val App = functionalComponent<RProps> { _ ->
             }
         }
     }
-    child(
-        InputComponent,
-        props = jsObject {
-            onSubmit = { input ->
-                val cartItem = ShoppingListItem(input.replace("!", ""), input.count { it == '!' })
-                scope.launch {
-                    addShoppingListItem(cartItem)
-                    setShoppingList(getShoppingList())
-                }
+    child(InputComponent) {
+        attrs.onSubmit = { input ->
+            val cartItem = ShoppingListItem(input.replace("!", ""), input.count { it == '!' })
+            scope.launch {
+                addShoppingListItem(cartItem)
+                setShoppingList(getShoppingList())
             }
         }
-    )
+    }
 }

src/jsMain/kotlin/InputComponent.kt

@@ -5,11 +5,11 @@ import kotlinx.html.InputType
 import org.w3c.dom.events.Event
 import org.w3c.dom.HTMLInputElement
 
-external interface InputProps : RProps {
+external interface InputProps : Props {
     var onSubmit: (String) -> Unit
 }
 
-val InputComponent = functionalComponent<InputProps> { props ->
+val InputComponent = fc<InputProps> { props ->
     val (text, setText) = useState("")
 
     val submitHandler: (Event) -> Unit = {