New source found from dndbeyond.com

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

@@ -1,5 +1,6 @@
 import React, { useContext } from "react";
 import { DispatchProp } from "react-redux";
+import { AnyAction } from "redux";
 
 import {
   ComponentConstants,
@@ -41,7 +42,9 @@ function isCastAvailableAtLevel(level, available) {
 }
 
 // TODO dispatch needs to be factored out
-interface Props extends DispatchProp {
+// TODO: We are typing with AnyAction here to work around issues with UnknownAction, the type that was introduced in Redux 5.
+// If we decide to modernize to Redux 5, we will need to refactor much of the Rules Engine redux usage.
+interface Props extends DispatchProp<AnyAction> {
   characterLevel: number;
   spell: Spell;
   spellSlots: Array<SpellSlotContract>;
@@ -452,7 +455,7 @@ export class SpellCaster extends React.PureComponent<Props, State> {
         }
 
         castActionsNode = (
-          <React.Fragment>
+          <>
             <div className="ct-spell-caster__casting-action">
               <ThemeButton
                 disabled={!isLimitedUseAvailable}
@@ -474,7 +477,7 @@ export class SpellCaster extends React.PureComponent<Props, State> {
                 )}
               </ThemeButton>
             </div>
-          </React.Fragment>
+          </>
         );
       } else {
         const canSpellCastAtLevel = canCastAtLevel(
@@ -499,7 +502,7 @@ export class SpellCaster extends React.PureComponent<Props, State> {
           SpellUtils.getCastLevelAvailableCount(castLevel, pactMagicSlots);
 
         castActionsNode = (
-          <React.Fragment>
+          <>
             {isSpellCastAvailableAtLevel && (
               <div className="ct-spell-caster__casting-action">
                 <ThemeButton
@@ -527,7 +530,7 @@ export class SpellCaster extends React.PureComponent<Props, State> {
                 </ThemeButton>
               </div>
             )}
-          </React.Fragment>
+          </>
         );
       }
     }