React Action Cable Provider не обновляет URL-адрес?

Question

Я использую response-actioncable-provider для модуля чата и передаю URL с идентификатором пользователя поставщику. при загрузке приложения использование rid будет равно нулю, а при успешном входе в систему будет обновлен идентификатор пользователя и провайдер выполнит повторную визуализацию. Я не знаю, почему это происходит. после обновления URL-адреса провайдер все еще запрашивает с нулевым идентификатором, мой код ниже как ..

const App=(props)=>{
      let userId = localStorage.getItem("userId");
      const [url,setUrl]=useState(`${enpoint}/cable?id=${userId}`);
      useEffect(() => {
     if(props.data&&props.data.user){
      setUrl(`${enpoint}/cable?id=${props.data.user.user.id}`);
    }
  },[props.data]);`enter code here`
  console.log("url",url);
  return (
      <ActionCableProvider url={url}>
      // other components
      </ActionCableProvider>