Mqtt in node always says connecting

hello everyone,
i really struggling with this problem, my mqtt in node wont connected to my public broker, while i really sure that i configure the setting of my mqtt connection to broker was all right

note: the picture below that says disconnected is actually not represent my latest problem that i encounter that my node says 'connecting'


Here's a very simple Node-RED flow for a MQTT test using a FREE broker.
This should test if your setup is working.

quick_mqtt_test
If you click the 'Inject' node you should see this message arrive in the 'Debug' node.

mqtt_debug

As a starting point, import the Node-RED flow below and make sure it works for you.

[{"id":"447794de5aa4fb6c","type":"tab","label":"Quick MQTT test","disabled":false,"info":"","env":[]},{"id":"219d4b3ff09c4bbf","type":"mqtt in","z":"447794de5aa4fb6c","name":"","topic":"myquicktest","qos":"2","datatype":"auto-detect","broker":"190876ba43bba92a","nl":false,"rap":true,"rh":0,"inputs":0,"x":190,"y":160,"wires":[["e5746f22a5f06a14"]]},{"id":"0ec31304e605cff4","type":"mqtt out","z":"447794de5aa4fb6c","name":"","topic":"myquicktest","qos":"","retain":"","respTopic":"","contentType":"","userProps":"","correl":"","expiry":"","broker":"190876ba43bba92a","x":390,"y":100,"wires":[]},{"id":"a01f3b5a0d9755f4","type":"inject","z":"447794de5aa4fb6c","name":"","props":[{"p":"payload"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"Hello World","payloadType":"str","x":190,"y":100,"wires":[["0ec31304e605cff4"]]},{"id":"e5746f22a5f06a14","type":"debug","z":"447794de5aa4fb6c","name":"MQTT_In_debug","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"payload","targetType":"msg","statusVal":"","statusType":"auto","x":410,"y":160,"wires":[]},{"id":"366114aeee0a573f","type":"comment","z":"447794de5aa4fb6c","name":"A quick test using a mosquitto.org FREE remote broker","info":"","x":300,"y":40,"wires":[]},{"id":"190876ba43bba92a","type":"mqtt-broker","name":"","broker":"test.mosquitto.org","port":"1883","clientid":"","autoConnect":true,"usetls":false,"protocolVersion":"4","keepalive":"60","cleansession":true,"autoUnsubscribe":true,"birthTopic":"","birthQos":"0","birthRetain":"false","birthPayload":"","birthMsg":{},"closeTopic":"","closeQos":"0","closeRetain":"false","closePayload":"","closeMsg":{},"willTopic":"","willQos":"0","willRetain":"false","willPayload":"","willMsg":{},"userProps":"","sessionExpiry":""}]

You have given us next to nothing to go on @daniel90.

However, the gibberish in your Server field looks similar to my setup for HiveMQ.
You need this info from hivemq.com
image

And access credentials from

Then in Node-red

Finally

i already to that accordingly sir, but the result is same always connecting


image

Well it works for me. Sorry about that.

Note that it only works if I have Use TLS ticked, as you see in my screen capture. But my TLS configuration has nothing except a tick against Verify server certificate.

As well as not having TLS ticked in 1st screenshot, you also have MQTT 3.1 legacy selected - change that to MQTT 3.1.1