New source found from dndbeyond.com

ddb_main/subApps/builder/contexts/Builder/Builder.tsx

@@ -1,4 +1,10 @@
-import { createContext, FC, useContext, useState } from "react";
+import {
+  createContext,
+  FC,
+  PropsWithChildren,
+  useContext,
+  useState,
+} from "react";
 
 import { BuilderMethod } from "../../types";
 
@@ -20,7 +26,7 @@ export const BuilderContext = createContext<BuilderContextType>({
   suggestedNames: [],
 });
 
-export const BuilderProvider: FC = ({ children }) => {
+export const BuilderProvider: FC<PropsWithChildren> = ({ children }) => {
   const [builderMethod, setBuilderMethodState] = useState<BuilderMethod | null>(
     null
   );

ddb_main/subApps/builder/contexts/Class/Class.tsx

@@ -1,8 +1,16 @@
-import { createContext, FC, useContext, useEffect, useState } from "react";
-import { useDispatch, useSelector } from "react-redux";
+import {
+  createContext,
+  FC,
+  PropsWithChildren,
+  useContext,
+  useEffect,
+  useState,
+} from "react";
+import { useSelector } from "react-redux";
 
 import { ApiAdapterUtils } from "@dndbeyond/character-rules-engine";
 
+import { useDispatch } from "~/hooks/useDispatch";
 import { builderActions } from "~/tools/js/CharacterBuilder/actions";
 import { apiCreatorSelectors } from "~/tools/js/Shared/selectors";
 import { ClassDefinitionContract as ClassDef } from "~/types";
@@ -25,7 +33,7 @@ export interface ClassContextType {
 
 export const ClassContext = createContext<ClassContextType>(null!);
 
-export const ClassProvider: FC = ({ children }) => {
+export const ClassProvider: FC<PropsWithChildren> = ({ children }) => {
   const dispatch = useDispatch();
   const [query, setQuery] = useState("");
   const [allClasses, setAllClasses] = useState<Array<ClassDef>>([]);

ddb_main/subApps/builder/contexts/ModalManager/ModalManager.tsx

@@ -1,4 +1,10 @@
-import { createContext, FC, useContext, useState } from "react";
+import {
+  createContext,
+  FC,
+  PropsWithChildren,
+  useContext,
+  useState,
+} from "react";
 
 import { ConfirmModal, ConfirmModalProps } from "~/components/ConfirmModal";
 
@@ -14,7 +20,7 @@ export const ModalManagerContext = createContext<ModalManagerContextType>(
   null!
 );
 
-export const ModalManagerProvider: FC = ({ children }) => {
+export const ModalManagerProvider: FC<PropsWithChildren> = ({ children }) => {
   const [modalData, setModalData] = useState<ModalData | null>(null);
 
   const createModal = (modalData: ModalData) => {

ddb_main/subApps/builder/contexts/Species/Species.tsx

@@ -1,5 +1,12 @@
 import { groupBy, keyBy, uniqBy } from "lodash";
-import { createContext, FC, useContext, useEffect, useState } from "react";
+import {
+  createContext,
+  FC,
+  PropsWithChildren,
+  useContext,
+  useEffect,
+  useState,
+} from "react";
 import { useSelector } from "react-redux";
 
 import { useCharacterEngine } from "~/hooks/useCharacterEngine";
@@ -39,7 +46,7 @@ export interface SpeciesContextType {
 
 export const SpeciesContext = createContext<SpeciesContextType>(null!);
 
-export const SpeciesProvider: FC = ({ children }) => {
+export const SpeciesProvider: FC<PropsWithChildren> = ({ children }) => {
   const {
     apiAdapterUtils: { getResponseData },
     raceUtils: { getSubRaceShortName, getBaseName, getIsHomebrew, getSources },
@@ -186,15 +193,6 @@ export const SpeciesProvider: FC = ({ children }) => {
     return [...groups, ...unGroupedSpecies];
   };
 
-  const getSpecies = async () => {
-    const species = getResponseData(await loadSpecies()) || [];
-
-    setAllSpecies(species);
-    if (species.length > 0) {
-      setIsLoading(false);
-    }
-  };
-
   // Set the source options when the species are loaded
   useEffect(() => {
     let shouldContaineHomebrewCategory = false;
@@ -267,8 +265,16 @@ export const SpeciesProvider: FC = ({ children }) => {
   }, [allSpecies, source]);
 
   useEffect(() => {
+    const getSpecies = async () => {
+      const species = getResponseData(await loadSpecies()) || [];
+
+      setAllSpecies(species);
+      if (species.length > 0) {
+        setIsLoading(false);
+      }
+    };
+
     getSpecies();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [loadSpecies]);
 
   return (