diff --git a/types/react-highlight-words/index.d.ts b/types/react-highlight-words/index.d.ts
index e2813a22f4a153..d792d08bd4c1f4 100644
--- a/types/react-highlight-words/index.d.ts
+++ b/types/react-highlight-words/index.d.ts
@@ -33,7 +33,7 @@ export interface HighlighterProps {
      */
     findChunks?: ((options: FindChunks) => Chunk[]) | undefined;
     /** CSS class name applied to highlighted text */
-    highlightClassName?: string | undefined;
+    highlightClassName?: string | Record<string, string> | undefined;
     /** Inline styles applied to highlighted text */
     highlightStyle?: React.CSSProperties | undefined;
     /**
diff --git a/types/react-highlight-words/react-highlight-words-tests.tsx b/types/react-highlight-words/react-highlight-words-tests.tsx
index 260727339a4cc6..c79d7692d4154e 100644
--- a/types/react-highlight-words/react-highlight-words-tests.tsx
+++ b/types/react-highlight-words/react-highlight-words-tests.tsx
@@ -60,6 +60,11 @@ class HighlighterTest extends React.Component {
                     unhighlightStyle={{ color: "red" }}
                     unhighlightTag={CustomUnhighlight}
                 />
+                <Highlighter
+                    highlightClassName={{ el: "highlight-el", or: "highlight-or" }}
+                    searchWords={["el", "or"]}
+                    textToHighlight="Hello World"
+                />
             </div>
         );
     }