I am following a simple tutorial, but I am doing it in kotlin, I don't think that matters that much, I tried different configurations but nothing is working for me, I am new to JS here is what the error looks like. I must be missing something silly, couldn't figure out what. and there is my folder straucture

this is my configuration

@Configuration
@EnableWebSocketMessageBroker
class WebSocketConfig: WebSocketMessageBrokerConfigurer {
    override fun registerStompEndpoints(registry: StompEndpointRegistry) {
        registry.addEndpoint("/stomp-endpoint")
            .withSockJS()
    }

    override fun configureMessageBroker(registry: MessageBrokerRegistry) {
        registry.enableSimpleBroker("/topic")
        registry.setApplicationDestinationPrefixes("/app")
    }
}

I tried using "webjars-locator" dependency with the following configuration.

@Configuration
class WebConfig : WebMvcConfigurer {
    override fun addResourceHandlers(registry: ResourceHandlerRegistry) {
        registry
            .addResourceHandler("/webjars/**")
            .addResourceLocations("/webjars/")
    }
}