message: Monitoring dashboards: Fix state transition during render
  Fix React "Cannot update during an existing state transition (such as
  within `render`)..." error caused by updating a URL parameter in the
  render function.
diff: @@ -204,6 +204,12 @@ const VariableDropdown: React.FC<VariableDropdownProps> = ({ id, name }) => {
  }
  }, [dispatch, name, query, safeFetch, timespan]);
  + React.useEffect(() => {
  + if (variable.value && variable.value !== getQueryArgument(name)) {
  + setQueryArgument(name, variable.value);
  + }
  + }, [name, variable.value]);
  +
  const onChange = React.useCallback(
  (v: string) => {
  setQueryArgument(name, v);
  @@ -223,10 +229,6 @@ const VariableDropdown: React.FC<VariableDropdownProps> = ({ id, name }) => {
  items[option] = option;
  });
  - if (getQueryArgument(name) !== variable.value) {
  - setQueryArgument(name, variable.value);
  - }
  -
  const OptionComponent = ({ itemKey, value }) => <SelectOption key={itemKey} value={value} />;
  return (
  