diff --git a/.betterer.results b/.betterer.results index 949db01ba60..ada77c000ef 100644 --- a/.betterer.results +++ b/.betterer.results @@ -2941,9 +2941,6 @@ exports[`better eslint`] = { "public/app/features/transformers/editors/GroupToNestedTableTransformerEditor.tsx:5381": [ [0, 0, 0, "Add noMargin prop to Field components to remove built-in margins. Use layout components like Stack or Grid with the gap prop instead for consistent spacing.", "0"] ], - "public/app/features/transformers/editors/OrganizeFieldsTransformerEditor.tsx:5381": [ - [0, 0, 0, "React Hook \\"useStyles2\\" is called conditionally. React Hooks must be called in the exact same order in every component render.", "0"] - ], "public/app/features/transformers/editors/ReduceTransformerEditor.tsx:5381": [ [0, 0, 0, "Do not use any type assertions.", "0"] ], diff --git a/public/app/features/transformers/editors/OrganizeFieldsTransformerEditor.tsx b/public/app/features/transformers/editors/OrganizeFieldsTransformerEditor.tsx index 47a8a0e01eb..293d4228e89 100644 --- a/public/app/features/transformers/editors/OrganizeFieldsTransformerEditor.tsx +++ b/public/app/features/transformers/editors/OrganizeFieldsTransformerEditor.tsx @@ -243,6 +243,8 @@ const OrganizeFieldsTransformerEditor = ({ options, input, onChange }: OrganizeF [options, onChange, uiOrderByItems] ); + const styles = useStyles2(getDraggableStyles); + // Show warning that we only apply the first frame if (input.length > 1) { return ( @@ -255,8 +257,6 @@ const OrganizeFieldsTransformerEditor = ({ options, input, onChange }: OrganizeF ); } - const styles = useStyles2(getDraggableStyles); - return ( <>