Howdy Folks While working with Kotlin react I have issues im

Question

Howdy Folks While working with Kotlin react I have issues implementing the react router with the route component I posted a <https stackoverflow com questions 75499348 problems with kotlin react router dom element attribuute for binding a react com|stackOverflow question> about it a couple hours ago and figured this might be a better platform for asking In summary while using the route component I can t seem to figure out how to safely pass the element prop which requires an object of ReactNode I also tried calling the create method for the function component but it still does not work Can anyone help out with implementing the react router using the browser router and router API

turansky · Answer

Which wrappers version do you use

turansky · Answer

To create `ReactElement` you can use `create` extension <https github com karakum team mui kotlin blob 9946053d6b9996bbe199256351d36215aa1ce079 playground src main kotlin App kt L16|Example>

Kelvin Ojiako · Answer

I m using the most recent Wrapper version I think

Kelvin Ojiako · Answer

So I tried applying the example and the error goes away I added the first screenshot to show how the more recent update However I can t seem to get the aboutUs page to load

turansky · Answer

gt However I can t seem to get the aboutUs page to load `index = true` It s Kotlin stuck out tongue winking eye

Kelvin Ojiako · Answer

lol yea Thanks for the help so far I made the change but I still get the same error when trying to route to aboutUs Are there any alternatives to using element = Fragment create Can t really seem to pinpoint where I m going wrong

turansky · Answer

In your example wrapping with `Fragment` isn t required

turansky · Answer

`element = Home create `

turansky · Answer

For accessing ` about` after page restart you need server routing Related issues you can find in this channel and or in wrappers GitHub issues

Kelvin Ojiako · Answer

ooh really I was trying to use BrowserRouter so as to not need a Server for the routing was under the impression that with react router routing can be enabled without having a backend server

Kelvin Ojiako · Answer

I made the change but I still cant access the aboutUs page So I m guessing I m gonna have to go with a Kotlin multiplatform application with a JVM backend with the Ktor framework it seems like overkill for a simple application tbh lol

turansky · Answer

If you are ready for hashes no server Ktor required <https reactrouter com en main router components hash router>

Kelvin Ojiako · Answer

oou nice I will check that out Appreciate the help victor +1

turansky · Answer

turansky · Answer

<https github com JetBrains kotlin wrappers issues 1921|FYI> Current version `pre 499`

Kelvin Ojiako · Answer

Experimented with using BuildElement for adding components to the element prop and it works as a good alternative to the create but It seems I m using it wrong Instead I get no routes matched url error Edit the home page component works but the about doesnt

Kelvin Ojiako · Answer

image png

Kelvin Ojiako · Answer

Appreciate the info this far So i went back to using the create method with the hashRouter but the other routing components url still does not work I believe I m using the HashRouter correctly Have attached screenshot below that shows the recent changes but the aboutUs component cant be triggered fo some reason

Kelvin Ojiako · Answer

Guessing I ll have to start looking into ktor Server guess it would be better to make another gradle project to act as jvm backend tied kotlin multiplatform the other day and was getting errors about sl4j logging figured its still quite experimental to use smoothly