diff --git a/src/Components/Templates/CircleLayout.tsx b/src/Components/Templates/CircleLayout.tsx
index 2cd79e33..fe6c4677 100644
--- a/src/Components/Templates/CircleLayout.tsx
+++ b/src/Components/Templates/CircleLayout.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { useEffect, useRef } from 'react';
 
 export const CircleLayout = ({ items,radius, fontSize } : {items: any, radius: number, fontSize: any}) => {
diff --git a/src/Utils/Moon.ts b/src/Utils/Moon.ts
index 1126f148..814539ed 100644
--- a/src/Utils/Moon.ts
+++ b/src/Utils/Moon.ts
@@ -21,8 +21,7 @@ export const getLunarAge = (date: Date = new Date()): number => {
   return percent * LUNAR_MONTH;
 };
 
-export const getNextNewMoon = (date: Date = new Date()): Date => {
-    const lunarAge: number = getLunarAge(date);
+export const getNextNewMoon = (): Date => {
     return new Date(getLastNewMoon().getTime() + LUNAR_MONTH * 86400000);
 }
 
diff --git a/tsconfig.json b/tsconfig.json
index e4f67e69..cbc0646e 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -6,7 +6,7 @@
       "lib": ["es6", "dom","es2015", "es2016", "es2017", "es2020"],
       "sourceMap": true,
       "allowJs": false,
-      "jsx": "react",
+      "jsx": "react-jsx",
       "declaration": true,
       "declarationDir": "./types",
       "moduleResolution": "node",
@@ -15,7 +15,7 @@
       "noImplicitThis": true,
       "strictNullChecks": true,
       "noUnusedLocals": false,
-      "noUnusedParameters": true      
+      "noUnusedParameters": true   ,
     },
     "include": ["src"],
     "exclude": ["node_modules", "dist", "example", "rollup.config.mjss"],