diff --git a/src/__test__/index.tsx b/src/__test__/index.tsx
index a7bf29d..0e5e613 100644
--- a/src/__test__/index.tsx
+++ b/src/__test__/index.tsx
@@ -1,15 +1,15 @@
-import React, { JSXElementConstructor, ReactElement } from 'react'
 import { render } from '@testing-library/react'
+import React from 'react'
 import { ThemeProvider } from 'styled-components'
 import theme from '../theme'
 
 interface IRenderWithWrapper {
-  component: ReactElement
+  component: React.ReactNode
   options?: object
 }
 
 interface IWrapper {
-  children: ReactElement
+  children: React.ReactNode
 }
 
 function renderWithWrapper({ component, options }: IRenderWithWrapper) {
diff --git a/src/components/Box.tsx b/src/components/Box.tsx
index 0d4800e..add3840 100644
--- a/src/components/Box.tsx
+++ b/src/components/Box.tsx
@@ -1,19 +1,19 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+// @ts-nocheck
+import css, { get } from '@styled-system/css'
+import shouldForwardProp from '@styled-system/should-forward-prop'
+import { styled } from 'styled-components'
 import {
+  color,
   compose,
-  space,
+  flexbox,
   layout,
+  space,
   typography,
-  color,
-  flexbox,
 } from 'styled-system'
-import { styled } from 'styled-components'
-import css, { get } from '@styled-system/css'
-import shouldForwardProp from '@styled-system/should-forward-prop'
 import { BoxProps } from 'types'
 
 const sx = (props: any) => css(props?.sx)(props?.theme)
-const base = (props: any) => css(props.__css)(props.theme)
+const base = (props: any) => css(props?.__css)(props?.theme)
 const variant = ({ theme, variant, tx = 'variants' }: any) => {
   let styles = {}
   if (Array.isArray(variant)) {