even more updates.

Signed-off-by: Dave Richer <dave@imexsystems.ca>

client/src/components/header/header.component.jsx

@@ -25,7 +25,7 @@ import Icon, {
   UnorderedListOutlined,
   UserOutlined,
 } from "@ant-design/icons";
-import { useTreatments } from "@splitsoftware/splitio-react";
+import {useSplitTreatments} from "@splitsoftware/splitio-react";
 import { Layout, Menu } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
@@ -87,21 +87,12 @@ function Header({
   recentItems,
   setCardPaymentContext,
 }) {
-  const { Simple_Inventory } = useTreatments(
-    ["Simple_Inventory"],
-    {},
-    bodyshop && bodyshop.imexshopid
-  );
-  const { DmsAp } = useTreatments(
-    ["DmsAp"],
-    {},
-    bodyshop && bodyshop.imexshopid
-  );
-  const { ImEXPay } = useTreatments(
-    ["ImEXPay"],
-    {},
-    bodyshop && bodyshop.imexshopid
-  );
+  // TODO: Client Update - New Split Treatments usage example
+  const { treatments: {ImEXPay, DmsAp, Simple_Inventory} } = useSplitTreatments({
+      attributes: {},
+      names: ["ImEXPay", "DmsAp", "Simple_Inventory"],
+      splitKey:  bodyshop && bodyshop.imexshopid,
+  });
 
   const { t } = useTranslation();