code: function getFunctionName(grip, props = {}) {
    let { functionName } = props;
    let name;
  
    if (functionName) {
      const end = functionName.length - 1;
      functionName =
        functionName.startsWith('"') && functionName.endsWith('"')
          ? functionName.substring(1, end)
          : functionName;
    }
  
    if (
      grip.displayName != undefined &&
      functionName != undefined &&
      grip.displayName != functionName
    ) {
      name = `${functionName}:${grip.displayName}`;
    } else {
      name = cleanFunctionName(
        grip.userDisplayName ||
          grip.displayName ||
          grip.name ||
          props.functionName ||
          ""
      );
    }
  
    return cropString(name, 100);
  }
docs: Returns a ReactElement representing the function name.
  
  @param {Object} grip : Function grip
  @param {Object} props: Function rep props