fix: warnings fixed

Author: Sciator

ui/src/logic/game/game.ts

@@ -1,4 +1,4 @@
-import { Engine, World, Bodies, Query, Vector, Composite, Body } from "matter-js";
+import { Engine, World, Bodies, Vector, Composite, Body } from "matter-js";
 import { raycast } from "../../core/raycast";
 
 const frictionAir = .3;
@@ -102,7 +102,7 @@ export class Game {
   };
 
   public next(userInput?: Partial<GameInput>) {
-    const { engine, settings: { simulation: { delta } }, mapping } = this;
+    const { engine, settings: { simulation: { delta } } } = this;
     this.applyInput(userInput);
 
     Engine.update(engine, delta);

ui/src/views/Analyze.tsx

@@ -5,7 +5,7 @@ type TAnalyzeProps = {
 
 };
 
-export const Analyze: React.FC<TAnalyzeProps> = ({ }) => {
+export const Analyze: React.FC<TAnalyzeProps> = () => {
 
   return <>
     <Card title="Analyze"></Card>

ui/src/views/History.tsx

@@ -5,7 +5,7 @@ type THistoryProps = {
 
 };
 
-export const History: React.FC<THistoryProps> = ({ }) => {
+export const History: React.FC<THistoryProps> = () => {
 
   return <>
     <Card title="History"></Card>

ui/src/views/MainPage.tsx

@@ -9,7 +9,7 @@ type TMainPageProps = {
 
 };
 
-export const MainPage: React.FC<TMainPageProps> = ({ }) => {
+export const MainPage: React.FC<TMainPageProps> = () => {
 
   return <>
     <Card>

ui/src/views/Runner.tsx

@@ -52,7 +52,7 @@ const Renderer: React.FC<TRendererProps> = ({ height, width }) => {
   const ref = useRef<HTMLDivElement>(undefined as any);
   const debug = false;
 
-  useEffect(() => {
+  const init = () => {
     (async () => {
       if (!ref.current)
         return;
@@ -132,7 +132,8 @@ const Renderer: React.FC<TRendererProps> = ({ height, width }) => {
       requestAnimationFrame(rafLoop);
 
     })();
-  }, []);
+  };
+  useEffect(init, []);
 
   return <>
     <div style={{ justifyContent: "center", display: "flex" }}>
@@ -141,7 +142,7 @@ const Renderer: React.FC<TRendererProps> = ({ height, width }) => {
   </>;
 };
 
-export const RunnerPage: React.FC<TRunnerProps> = ({ }) => {
+export const RunnerPage: React.FC<TRunnerProps> = () => {
 
   return <>
     <Card title="Run">

ui/src/views/Settings.tsx

@@ -6,7 +6,7 @@ type TSettingsProps = {
 
 };
 
-export const Settings: React.FC<TSettingsProps> = ({ }) => {
+export const Settings: React.FC<TSettingsProps> = () => {
 
   return <>
     <Card title="Settings" style={{ overflowY: "auto", height: "100%" }}>