diff --git a/packages/j-provider/src/ThemeProvider.tsx b/packages/j-provider/src/ThemeProvider.tsx
index 9e090a89..1f22ae2f 100644
--- a/packages/j-provider/src/ThemeProvider.tsx
+++ b/packages/j-provider/src/ThemeProvider.tsx
@@ -1,14 +1,14 @@
 /** @jsxImportSource @emotion/react */
 import { Global } from '@emotion/react';
+import reset from './styles/reset';
 import { ThemeContext } from './context';
 import { preset } from './preset';
-import reset from './styles/reset';
+import type { Preset } from './types';
 
-export const ThemeProvider = (props: { children: React.ReactNode; presetConfig?: any }) => {
-  return (
-    <ThemeContext.Provider value={preset[preset.theme]}>
-      <Global styles={reset} />
-      {props.children}
-    </ThemeContext.Provider>
-  );
+export const ThemeProvider = (props: { children: React.ReactNode; presetConfig?: Preset }) => {
+  const { children } = props;
+  <ThemeContext.Provider value={preset[preset.theme]}>
+    <Global styles={reset} />
+    {children}
+  </ThemeContext.Provider>;
 };
diff --git a/packages/j-provider/src/context.ts b/packages/j-provider/src/context.ts
index be95b269..054202af 100644
--- a/packages/j-provider/src/context.ts
+++ b/packages/j-provider/src/context.ts
@@ -1,6 +1,5 @@
-import { preset } from './preset';
 import { createContext } from 'react';
-import type { Preset } from './types';
+import { preset } from './preset';
 
 export const themePreset = preset[preset.theme];
 export const ThemeContext = createContext(themePreset);
diff --git a/packages/j-provider/src/types.ts b/packages/j-provider/src/types.ts
index 82a070a7..764ce9af 100644
--- a/packages/j-provider/src/types.ts
+++ b/packages/j-provider/src/types.ts
@@ -1,4 +1,5 @@
 import type { HEX } from '@jdesignlab/theme';
+
 export interface ThemePreset {
   color: {
     background: HEX;