From 921f3ea7474552d48b0a6137968e5e2fd0ba6b16 Mon Sep 17 00:00:00 2001
From: maksim hodasevich <maksim.hodasevich@gmail.com>
Date: Tue, 17 Dec 2024 17:27:52 +0100
Subject: [PATCH] fix buidl errors

---
 apps/storyblok/src/components/Page/index.tsx |  5 +++--
 apps/storyblok/src/lib/renderRichText.tsx    | 20 +++++++++-----------
 2 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/apps/storyblok/src/components/Page/index.tsx b/apps/storyblok/src/components/Page/index.tsx
index 629da44..e914bcb 100644
--- a/apps/storyblok/src/components/Page/index.tsx
+++ b/apps/storyblok/src/components/Page/index.tsx
@@ -1,4 +1,5 @@
-import { StoryblokServerComponent, StoryblokStory } from "@storyblok/react/rsc";
+import { StoryblokComponent } from "@storyblok/react";
+import { StoryblokStory } from "@storyblok/react/rsc";
 
 import { cn, CookieBanner } from "@shared/ui";
 
@@ -18,7 +19,7 @@ export default function PageContainer({ blok }: IPageContainerProps) {
     <div className={cn("bg-bgColor", theme)}>
       {globalHeader && <StoryblokStory story={globalHeader} />}
       {sections.map((s) => (
-        <StoryblokServerComponent blok={s} key={s._uid} />
+        <StoryblokComponent blok={s} key={s._uid} />
       ))}
       {globalFooter && <StoryblokStory story={globalFooter} />}
       {showCookieBanner && <CookieBanner />}
diff --git a/apps/storyblok/src/lib/renderRichText.tsx b/apps/storyblok/src/lib/renderRichText.tsx
index 187dc84..edc77a7 100644
--- a/apps/storyblok/src/lib/renderRichText.tsx
+++ b/apps/storyblok/src/lib/renderRichText.tsx
@@ -1,8 +1,6 @@
 import type { ImageStoryblok } from "@/generated/extracted-types";
-import {
-  StoryblokServerComponent,
-  type ISbRichtext,
-} from "@storyblok/react/rsc";
+import { StoryblokComponent } from "@storyblok/react";
+import { type ISbRichtext } from "@storyblok/react/rsc";
 import { render } from "storyblok-rich-text-react-renderer";
 
 import { Image } from "@shared/ui";
@@ -33,7 +31,7 @@ export default function renderRichText(data: ISbRichtext) {
 
       cardsGrid: (props) => {
         return (
-          <StoryblokServerComponent
+          <StoryblokComponent
             blok={{
               ...props,
               component: "cardsGrid",
@@ -45,7 +43,7 @@ export default function renderRichText(data: ISbRichtext) {
 
       linksList: (props) => {
         return (
-          <StoryblokServerComponent
+          <StoryblokComponent
             blok={{
               ...props,
               component: "linksList",
@@ -57,7 +55,7 @@ export default function renderRichText(data: ISbRichtext) {
 
       logos: (props) => {
         return (
-          <StoryblokServerComponent
+          <StoryblokComponent
             blok={{
               ...props,
               component: "logos",
@@ -69,7 +67,7 @@ export default function renderRichText(data: ISbRichtext) {
 
       stepGuide: (props) => {
         return (
-          <StoryblokServerComponent
+          <StoryblokComponent
             blok={{
               ...props,
               component: "stepGuide",
@@ -81,7 +79,7 @@ export default function renderRichText(data: ISbRichtext) {
 
       threeDElement: (props) => {
         return (
-          <StoryblokServerComponent
+          <StoryblokComponent
             blok={{ ...props, component: "threeDElement", paddingX: "none" }}
           />
         );
@@ -89,7 +87,7 @@ export default function renderRichText(data: ISbRichtext) {
 
       pricingTable: (props) => {
         return (
-          <StoryblokServerComponent
+          <StoryblokComponent
             blok={{ ...props, component: "pricingTable", paddingX: "none" }}
           />
         );
@@ -97,7 +95,7 @@ export default function renderRichText(data: ISbRichtext) {
 
       carousel: (props) => {
         return (
-          <StoryblokServerComponent
+          <StoryblokComponent
             blok={{ ...props, component: "carousel", paddingX: "none" }}
           />
         );