fix showing the ad

Author: medyo

src/components/List/ListComponent.tsx

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react'
 import { Placeholder } from 'src/components/placeholders'
 import { ListComponentPropsType } from './types'
-import * as CarbonAd from 'src/features/carbonAds'
+import { CarbonAd } from 'src/features/carbonAds'
 
 export function ListComponent(props: ListComponentPropsType) {
   const { items, isLoading, error, renderItem, withAds, placeholder = <Placeholder /> } = props
@@ -17,9 +17,9 @@ export function ListComponent(props: ListComponentPropsType) {
 
     return items.map((item, index) => {
       let content: ReactNode[] = [renderItem(item, index)]
-      // if (withAds && index === 0) {
-      //   content.unshift(<CarbonAd key={'carbonAd0'}/>)
-      // }
+       if (withAds && index === 0) {
+         content.unshift(<CarbonAd key={'carbonAd0'} />)
+       }
       return content
     })
   }

src/features/carbonAds/components/CarbonAd.tsx

@@ -1,7 +1,7 @@
 import './CarbonAd.css'
 import { addHttpsProtocol } from 'src/utils/UrlUtils'
 import { useGetAd } from '../api/getAd'
-export default function CarbonAd() {
+export const CarbonAd = () => {
   const { data: ad } = useGetAd()
 
   if (!ad) {