How to use the @instructure/ui-utils.shallowEqual function in @instructure/ui-utils

shouldComponentUpdate (nextProps, nextState) {
    return (
      !shallowEqual(this.props, nextProps) ||
      !shallowEqual(this.state, nextState)
    )
  }

shouldComponentUpdate (nextProps, nextState, nextContext) {
      const themeContextWillChange = !deepEqual(
          ThemeContext.getThemeContext(this.context),
          ThemeContext.getThemeContext(nextContext)
        )
      if (themeContextWillChange) return true
      if (super.shouldComponentUpdate) {
        return super.shouldComponentUpdate(nextProps, nextState, nextContext)
      }
      return (
        !shallowEqual(this.props, nextProps) ||
        !shallowEqual(this.state, nextState) ||
        !shallowEqual(this.context, nextContext)
      )
    }
    componentDidUpdate (prevProps, prevState, prevContext) {

shouldComponentUpdate (nextProps, nextState) {
    return (
      !shallowEqual(this.props, nextProps) ||
      !shallowEqual(this.state, nextState)
    )
  }

shouldComponentUpdate (nextProps, nextState, nextContext) {
      const themeContextWillChange = !deepEqual(
          ThemeContext.getThemeContext(this.context),
          ThemeContext.getThemeContext(nextContext)
        )
      if (themeContextWillChange) return true
      if (super.shouldComponentUpdate) {
        return super.shouldComponentUpdate(nextProps, nextState, nextContext)
      }
      return (
        !shallowEqual(this.props, nextProps) ||
        !shallowEqual(this.state, nextState) ||
        !shallowEqual(this.context, nextContext)
      )
    }
    componentDidUpdate (prevProps, prevState, prevContext) {

shouldComponentUpdate (nextProps, nextState, nextContext) {
      const themeContextWillChange = !deepEqual(
          ThemeContext.getThemeContext(this.context),
          ThemeContext.getThemeContext(nextContext)
        )
      if (themeContextWillChange) return true
      if (super.shouldComponentUpdate) {
        return super.shouldComponentUpdate(nextProps, nextState, nextContext)
      }
      return (
        !shallowEqual(this.props, nextProps) ||
        !shallowEqual(this.state, nextState) ||
        !shallowEqual(this.context, nextContext)
      )
    }
    componentDidUpdate (prevProps, prevState, prevContext) {

shouldComponentUpdate (nextProps, nextState) {
    return !(shallowEqual(this.props, nextProps) && shallowEqual(this.state, nextState))
  }

shouldComponentUpdate (nextProps, nextState, nextContext) {
    return (
      !deepEqual(this.state, nextState) ||
      !shallowEqual(this.props, nextProps) ||
      !shallowEqual(this.context, nextContext)
    )
  }

shouldComponentUpdate (nextProps, nextState, nextContext) {
    return (
      !deepEqual(this.state, nextState) ||
      !shallowEqual(this.props, nextProps) ||
      !shallowEqual(this.context, nextContext)
    )
  }