New source found from dndbeyond.com

ddb_main/tools/js/Shared/components/ValueEditor/ValueEditor.tsx

@@ -266,6 +266,7 @@ export default class ValueEditor extends React.PureComponent<Props, State> {
                   return (
                     <ValueEditorSelectProperty
                       {...baseProps}
+                      key={baseProps.propertyKey}
                       options={RuleDataUtils.getStatOptions(ruleData)}
                     />
                   );
@@ -274,6 +275,7 @@ export default class ValueEditor extends React.PureComponent<Props, State> {
                   return (
                     <ValueEditorSelectProperty
                       {...baseProps}
+                      key={baseProps.propertyKey}
                       options={RuleDataUtils.getDieTypeOptions(ruleData)}
                     />
                   );
@@ -284,6 +286,7 @@ export default class ValueEditor extends React.PureComponent<Props, State> {
                   return (
                     <ValueEditorSelectProperty
                       {...baseProps}
+                      key={baseProps.propertyKey}
                       options={RuleDataUtils.getProficiencyLevelOptions(
                         ruleData
                       )}
@@ -294,6 +297,7 @@ export default class ValueEditor extends React.PureComponent<Props, State> {
                   return (
                     <ValueEditorSelectProperty
                       {...baseProps}
+                      key={baseProps.propertyKey}
                       options={RuleDataUtils.getAlignmentOptions(ruleData)}
                     />
                   );
@@ -302,6 +306,7 @@ export default class ValueEditor extends React.PureComponent<Props, State> {
                   return (
                     <ValueEditorSelectProperty
                       {...baseProps}
+                      key={baseProps.propertyKey}
                       options={RuleDataUtils.getCreatureSizeOptions(ruleData)}
                     />
                   );
@@ -310,6 +315,7 @@ export default class ValueEditor extends React.PureComponent<Props, State> {
                   return (
                     <ValueEditorSelectProperty
                       {...baseProps}
+                      key={baseProps.propertyKey}
                       options={this.restrictOptions(
                         valueTypeId,
                         RuleDataUtils.getMonsterTypeOptions(ruleData)
@@ -323,6 +329,7 @@ export default class ValueEditor extends React.PureComponent<Props, State> {
                   return (
                     <ValueEditorNumberProperty
                       {...baseProps}
+                      key={baseProps.propertyKey}
                       {...constraintProps}
                     />
                   );

ddb_main/tools/js/Shared/components/ValueEditor/ValueEditorProperty/ValueEditorProperty.tsx

@@ -1,11 +1,11 @@
-import React from "react";
+import { PureComponent, PropsWithChildren } from "react";
 
-interface Props {
+interface Props extends PropsWithChildren {
   isBlock: boolean;
   propertyKey: number;
   className: string;
 }
-export default class ValueEditorProperty extends React.PureComponent<Props> {
+export default class ValueEditorProperty extends PureComponent<Props> {
   static defaultProps = {
     isBlock: false,
     className: "",

ddb_main/tools/js/Shared/components/ValueEditor/ValueEditorPropertyLabel/ValueEditorPropertyLabel.tsx

@@ -1,6 +1,6 @@
-import React from "react";
+import { PureComponent, PropsWithChildren } from "react";
 
-export default class ValueEditorPropertyLabel extends React.PureComponent {
+export default class ValueEditorPropertyLabel extends PureComponent<PropsWithChildren> {
   render() {
     return (
       <div className="ct-value-editor__property-label">

ddb_main/tools/js/Shared/components/ValueEditor/ValueEditorPropertyValue/ValueEditorPropertyValue.tsx

@@ -1,6 +1,6 @@
-import React from "react";
+import { PureComponent, PropsWithChildren } from "react";
 
-export default class ValueEditorPropertyValue extends React.PureComponent {
+export default class ValueEditorPropertyValue extends PureComponent<PropsWithChildren> {
   render() {
     return (
       <div className="ct-value-editor__property-value">

ddb_main/tools/js/Shared/components/ValueEditor/ValueEditorSelectProperty/ValueEditorSelectProperty.tsx

@@ -1,12 +1,14 @@
 import React from "react";
 
-import { Select } from "@dndbeyond/character-components/es";
 import { HelperUtils, Constants } from "@dndbeyond/character-rules-engine/es";
 
+import { Select } from "~/components/Select";
+
 import ValueEditorProperty from "../ValueEditorProperty";
 import ValueEditorPropertyLabel from "../ValueEditorPropertyLabel";
 import ValueEditorPropertySource from "../ValueEditorPropertySource";
 import ValueEditorPropertyValue from "../ValueEditorPropertyValue";
+import styles from "./styles.module.css";
 
 interface Props {
   label: string;
@@ -103,11 +105,15 @@ export default class ValueEditorSelectProperty extends React.PureComponent<
         <ValueEditorPropertyLabel>{label}</ValueEditorPropertyLabel>
         <ValueEditorPropertyValue>
           <Select
+            className={styles.select}
             placeholder="--"
             {...selectProps}
             options={options}
             value={value}
             onChange={this.handleSelectChange}
+            optionsWidth="x-large"
+            name={propertyKey}
+            size="small"
           />
         </ValueEditorPropertyValue>
         {enableSource && (