fix: some ts errors (#1352)

packages/sdk/src/cart/Cart.tsx

@@ -1,5 +1,5 @@
+import type { PropsWithChildren } from 'react'
 import React, { createContext, useMemo } from 'react'
-import type { FC } from 'react'
 
 import { useStorage } from '../storage/useStorage'
 import { SDKError } from '../utils/error'
@@ -57,14 +57,14 @@ export interface Props {
   onItemRemove?: (item?: Item) => void
 }
 
-export const CartProvider: FC<Props> = ({
+export const CartProvider = ({
   children,
   onItemAdd,
   initialCart,
   onItemRemove,
   onItemUpdate,
   namespace: nspc = 'main',
-}) => {
+}: PropsWithChildren<Props>) => {
   const namespace = `${nspc}::store::cart`
   const [cart, setCart] = useStorage(namespace, () => ({
     ...initialState,

packages/sdk/src/search/Provider.tsx

@@ -1,4 +1,4 @@
-import type { FC } from 'react'
+import type { PropsWithChildren } from 'react'
 import React, { createContext, useMemo } from 'react'
 
 import type { State as SearchState } from '../types'
@@ -18,12 +18,12 @@ type Props = SearchState & {
   itemsPerPage: number
 }
 
-export const Provider: FC<Props> = ({
+export const Provider = ({
   children,
   itemsPerPage,
   onChange,
   ...rest
-}) => {
+}: PropsWithChildren<Props>) => {
   const { state, ...searchActions } = useSearchState(rest, onChange)
   const { pages, ...infiniteActions } = useSearchInfiniteState(state.page)
 

packages/sdk/src/ui/Provider.tsx

@@ -1,5 +1,5 @@
+import type { Dispatch, PropsWithChildren } from 'react'
 import React, { createContext, useMemo, useReducer } from 'react'
-import type { FC, Dispatch } from 'react'
 
 interface BaseState {
   displayMinicart: boolean
@@ -75,12 +75,12 @@ interface Props {
 
 const defaultEffects: Effects = () => ({})
 
-export const Provider: FC<Props> = ({
+export const Provider = ({
   children,
   actions = {},
   effects = defaultEffects,
   initialState = {},
-}) => {
+}: PropsWithChildren<Props>) => {
   const [state, dispatch] = useReducer(reducer(actions), {
     ...baseInitialState,
     ...initialState,

packages/ui/src/atoms/Slider/Slider.tsx

@@ -49,7 +49,7 @@ const Slider = ({
   const range = useRef<HTMLDivElement>(null)
 
   const getPercent = useCallback(
-    (value) => Math.round(((value - min) / (max - min)) * 100),
+    (value: number) => Math.round(((value - min) / (max - min)) * 100),
     [min, max]
   )
 

packages/ui/src/atoms/Spinner/Spinner.tsx

@@ -1,3 +1,4 @@
+import type { PropsWithChildren } from 'react'
 import React, { forwardRef } from 'react'
 
 export type SpinnerProps = {
@@ -7,13 +8,12 @@ export type SpinnerProps = {
   testId?: string
 }
 
-const Spinner = forwardRef<HTMLDivElement, SpinnerProps>(function Spinner(
-  { children, testId = 'store-spinner', ...otherProps },
-  ref
-) {
-  return (
-    <span ref={ref} data-store-spinner data-testid={testId} {...otherProps} />
-  )
-})
+const Spinner = forwardRef<HTMLDivElement, PropsWithChildren<SpinnerProps>>(
+  function Spinner({ children, testId = 'store-spinner', ...otherProps }, ref) {
+    return (
+      <span ref={ref} data-store-spinner data-testid={testId} {...otherProps} />
+    )
+  }
+)
 
 export default Spinner

packages/ui/src/molecules/Carousel/Carousel.tsx

@@ -84,7 +84,10 @@ function Carousel({
   const preRenderedSlides =
     infiniteMode && children ? childrenArray.slice(childrenCount - 1) : []
 
-  const slides = preRenderedSlides.concat(children ?? [], postRenderedSlides)
+  const slides = preRenderedSlides.concat(
+    (children as any) ?? [],
+    postRenderedSlides
+  )
 
   const slidePrevious = () => {
     if (