Fix all the problems with the newer library versions

Author: JSMonk

build.gradle.kts

@@ -32,7 +32,6 @@ kotlin {
     sourceSets {
         val commonMain by getting {
             dependencies {
-                implementation(libs.ktor.client.core)
                 implementation(libs.ktor.serialization.json)
                 implementation(libs.kotlinx.serialization.json)
             }
@@ -59,8 +58,7 @@ kotlin {
 
         val jsMain by getting {
             dependencies {
-                implementation(libs.ktor.client.contentNegotiation)
-//                implementation("io.ktor:ktor-client-js:$ktorVersion")
+                implementation(libs.ktor.client.core)
                 implementation(kotlinWrappers.react)
                 implementation(kotlinWrappers.reactDom)
                 implementation(libs.ktor.client.contentNegotiation)

src/commonMain/kotlin/ShoppingListItem.kt

@@ -5,6 +5,6 @@ data class ShoppingListItem(val desc: String, val priority: Int) {
     val id: Int = desc.hashCode()
 
     companion object {
-        const val path = "/shoppingList"
+        const val PATH = "/shoppingList"
     }
 }

src/jsMain/kotlin/Api.kt

@@ -5,25 +5,23 @@ import io.ktor.client.plugins.contentnegotiation.*
 import io.ktor.client.request.*
 import io.ktor.serialization.kotlinx.json.*
 
-import kotlinx.browser.window
-
-val jsonClient = HttpClient {
+val client = HttpClient {
     install(ContentNegotiation) {
         json()
     }
 }
 
 suspend fun getShoppingList(): List<ShoppingListItem> {
-    return jsonClient.get(ShoppingListItem.path).body()
+    return client.get(ShoppingListItem.PATH).body()
 }
 
 suspend fun addShoppingListItem(shoppingListItem: ShoppingListItem) {
-    jsonClient.post(ShoppingListItem.path) {
+    client.post(ShoppingListItem.PATH) {
         contentType(ContentType.Application.Json)
         setBody(shoppingListItem)
   }
 }
 
 suspend fun deleteShoppingListItem(shoppingListItem: ShoppingListItem) {
-    jsonClient.delete(ShoppingListItem.path + "/${shoppingListItem.id}")
+    client.delete(ShoppingListItem.PATH + "/${shoppingListItem.id}")
 }

src/jsMain/kotlin/Main.kt

@@ -1,8 +1,10 @@
 import web.dom.document
 import react.create
 import react.dom.client.createRoot
+import web.dom.ElementId
 
 fun main() {
-    val container = document.getElementById("root") ?: error("Couldn't find container!")
+    val rootId = ElementId("root")
+    val container = document.getElementById(rootId) ?: error("Couldn't find container!")
     createRoot(container).render(App.create())
 }

src/jvmMain/kotlin/Server.kt

@@ -42,7 +42,7 @@ fun main() {
 
         routing {
             staticResources("/", "static")
-            route(ShoppingListItem.path) {
+            route(ShoppingListItem.PATH) {
                 get {
                     call.respond(collection.find().toList())
                 }