fix(core): adjust Pricing component localization in order to be used …

…as client and server component (#898)
bigcommerce · May 13, 2024 · 13038f1 · 13038f1
1 parent bf0e326
commit 13038f1
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/core/components/pricing/index.tsx b/core/components/pricing/index.tsx
@@ -1,4 +1,4 @@
-import { getFormatter, getLocale } from 'next-intl/server';
+import { useFormatter } from 'next-intl';
 
 import { graphql, ResultOf } from '~/client/graphql';
 
@@ -39,9 +39,8 @@ interface Props {
   data: ResultOf<typeof PricingFragment>;
 }
 
-export const Pricing = async ({ data }: Props) => {
-  const locale = await getLocale();
-  const format = await getFormatter({ locale });
+export const Pricing = ({ data }: Props) => {
+  const format = useFormatter();
 
   const { prices } = data;