hunk.code_window:   DataTreeWidget,
     ENTITY_TYPE,
   } from "entities/DataTree/dataTreeFactory";
   import { pick } from "lodash";
   import { WIDGET_STATIC_PROPS } from "constants/WidgetConstants";
   import WidgetFactory from "./WidgetFactory";
   import { WidgetProps } from "widgets/BaseWidget";
   import { LoadingEntitiesState } from "reducers/evaluationReducers/loadingEntitiesReducer";
  
hunk.labels: keep keep keep keep replace keep keep keep
hunk.after_edit: import {
     WIDGET_DSL_STRUCTURE_PROPS,
     WIDGET_STATIC_PROPS,
   } from "constants/WidgetConstants";
  
hunk.file_path: app/client/src/utils/widgetRenderUtils.tsx
hunk.type: replace
file: import React from "react";
  import styled from "styled-components";
  import { IntentColors } from "constants/DefaultTheme";
  // Note: This component is only for the input fields which donot have the
  // popover error tooltip. This is also only for Appsmith components
  // Not to be used in widgets / canvas
  
  const StyledError = styled.span<{ show: boolean }>`
    text-align: left;
    color: ${IntentColors.danger};
    font-size: ${(props) => props.theme.fontSizes[3]}px;
    opacity: ${(props) => (props.show ? 1 : 0)};
    display: block;
    position: relative;
    margin-top: ${(props) => props.theme.spaces[1]}px;
  `;
  
  type FormFieldErrorProps = {
    error?: string;
    className?: string;
  };
  
  export function FormFieldError(props: FormFieldErrorProps) {
    return (
      <StyledError
        className={props.className ? props.className : undefined}
        show={!!props.error}
      >
        {props.error || "&nbsp;"}
      </StyledError>
    );
  }
  
  export default FormFieldError;
  