How to use the react-view.useValueDebounce function in react-view

}> = ({
  name,
  error,
  type,
  val: globalVal,
  set: globalSet,
  options = {},
  description,
  placeholder,
  enumName,
}) => {
  const [val, set] = useValueDebounce(globalVal, globalSet);
  const [css, theme] = useStyletron();
  switch (type) {
    case PropTypes.Ref:
      return (
        
          <label>{name}</label>
          
            React Ref documentation

const plainStyles = theme.name.startsWith('light-theme')
    ? lightTheme
    : darkTheme;
  const editorTheme = {
    ...plainStyles,
    plain: {
      ...plainStyles.plain,
      fontSize: small ? '13px' : '14px',
      whiteSpace: 'break-spaces',
      backgroundColor: focused
        ? theme.colors.inputFillActive
        : theme.colors.inputFill,
    },
  };

  const [code, setCode] = useValueDebounce(globalCode, onChange);

  return (

}> = ({themeKey, themeInit, globalSet, globalColor}) => {
  const [css, $theme] = useStyletron();
  const [color, setColor] = useValueDebounce(globalColor, globalSet);

  return (
    <label>
      <div></div>
      </label>