Unable to use variables or objects for connection

[inteldon]

I'm trying to do the following in React with the mqtt-react-hooks:

• Get a url from a JSON config file
• Get user info (username/password) from the server as each user has a different one

This is an example of the function that I'm using (note the comments for additional info)

export default function MqttConn(){
    const url_works = "ws://mymqttserver:myport/mqtt"; // This works 
    const url_doesntwork = variable_from_json_config_file; // This doesnt work 

    // I need to call a function to get each users login info, so "myOptions" is initially blank 
    const [myOptions, setState]=useState({
        username:"",
        password:"",
        clientId:"",
        keepAlive: 60, 
        clean: true
      });

    useEffect(()=>{
        My_Function_Checks_Server('someFunction', (error,response)=>{
            if(e){console.log(e)}
            //--- 
            setState({
                username: response.mqttUser,
                password: response.mqttPass,
                clientId: response.mqttTopic
            });
            //---  
        });        
    }, []); 

    return (
        <Connector brokerUrl={url_works} options={myOptions}>
            <Status/>
            <div>
                Test area for "setState" {/* This proves that all variables are fetched and correct*/} 
                <ul>
                    <li> Username: {myOptions.username} </li>
                    <li> Password: {myOptions.password} </li>
                    <li> ClientId: {myOptions.clientId} </li>
                </ul> 
            </div> 
        </Connector>
    )
}

My observations are:

• The hook can only accept a directly written string, importing json config does not work no matter what I do. The URL must be manually written
• the Options parameters are successfully fetched from the server, but the hook doesn't accept those values. I can print them and verify that they work with the broker through a separate client. I have also use manually typed parameters and it works.

Without these features this plugin cannot scale, so can you please guide me on how to use the variables for this hook, whether through a json config or a server side function call?

Thank you

[inteldon]

It's possible that the values are being updated, but the connection is not being initiated after the values are updated. I checked and console.log(ed) the updated options, but the <Connector> component might not be updating. Just a thought.

If that's the case, how can we make the connector attempt a new connection based on the new data?

Note: I have resolved the URL through working around the problem (string splits and joins) so as far as I'm concerned it's working for me.

[inteldon]

Closing because there's no response from the developers.