title: Force a single re-render with useSelector
body: <p>This is a follow-up to <a href="https://stackoverflow.com/questions/60678759/refactoring-class-component-to-functional-component-with-hooks-getting-uncaught">Refactoring class component to functional component with hooks, getting Uncaught TypeError: func.apply is not a function</a></p>
  
  <p>I've declared a functional component Parameter that pulls in values from actions/reducers using the useSelector hook:</p>
  
  <pre><code>const Parameter = () =&gt; {
  let viz = useSelector(state =&gt; state.fetchDashboard);
  const parameterSelect = useSelector(state =&gt; state.fetchParameter)
  const parameterCurrent = useSelector(state =&gt; state.currentParameter)
  const dispatch = useDispatch();
  const drawerOpen = useSelector(state =&gt; state.filterIconClick);
  
  const handleParameterChange = (event, valKey, index, key) =&gt; {
      parameterCurrent[key] = event.target.value;
      return (
          prevState =&gt; ({
              ...prevState,
              parameterCurrent: parameterCurrent
          }),
          () =&gt; {
              viz
                  .getWorkbook()
                  .changeParameterValueAsync(key, valKey)
                  .then(function () {
                      //some code describing an alert
                      });
                  })
  
                  .otherwise(function (err) {
                      alert(
                          //some code describing a different alert
                      );
                  });
          }
      );
  };
  const classes = useStyles();
  return (
      &lt;div&gt;
          {drawerOpen ? (
              Object.keys(parameterSelect).map((key, index) =&gt; {
                  return (
                      &lt;div&gt;
                          &lt;FormControl component="fieldset"&gt;
                              &lt;FormLabel className={classes.label} component="legend"&gt;
                                  {key}
                              &lt;/FormLabel&gt;
                              {parameterSelect[key].map((valKey, valIndex) =&gt; {
                                  return (
                                      &lt;RadioGroup
                                          aria-label="parameter"
                                          name="parameter"
                                          value={parameterCurrent[key]}//This is where the change should be reflected in the radio button
                                          onChange={(e) =&gt; dispatch(
                                              handleParameterChange(e, valKey, index, key)
                                          )}
                                      &gt;
                                          &lt;FormControlLabel
                                              className={classes.formControlparams}
                                              value={valKey}
                                              control={
                                                  &lt;Radio
                                                      icon={
                                                          &lt;RadioButtonUncheckedIcon fontSize="small" /&gt;
                                                      }
                                                      className={clsx(
                                                          classes.icon,
                                                          classes.checkedIcon
                                                      )}
                                                  /&gt;
                                              }
                                              label={valKey}
                                          /&gt;
                                      &lt;/RadioGroup&gt;
                                  );
                              })}
                          &lt;/FormControl&gt;
                          &lt;Divider className={classes.divider} /&gt;
                      &lt;/div&gt;
                  );
              })
          ) : (
                  &lt;div /&gt;
              )
          }
      &lt;/div &gt;
  )
  };
  export default Parameter;
  </code></pre>
  
  <p>What I need to have happen is for value={parameterCurrent[key]} to rerender on handleParameterChange (the handleChange does update the underlying dashboard data, but the radio button doesn't show as being selected until I close the main component and reopen it). I thought I had a solution where I forced a rerender, but because this is a smaller component that is part of a larger one, it was breaking the other parts of the component (i.e. it was re-rendering and preventing the other component from getting state/props from <em>it's</em> reducers). I've been on the internet searching for solutions for 2 days and haven't found anything that works yet. Any help is really apprecaited! TIA!</p>