diff --git a/tgui/packages/tgui-panel/settings/reducer.js b/tgui/packages/tgui-panel/settings/reducer.js
index f338d66468f..b128a7dd4e4 100644
--- a/tgui/packages/tgui-panel/settings/reducer.js
+++ b/tgui/packages/tgui-panel/settings/reducer.js
@@ -89,8 +89,10 @@ export const settingsReducer = (state = initialState, action) => {
     nextState.initialized = true;
     let newFilters = {};
     for (let typeDef of MESSAGE_TYPES) {
-      // alert(typeDef.type);
-      if (nextState.storedTypes[typeDef.type] === null) {
+      if (
+        nextState.storedTypes[typeDef.type] === null ||
+        nextState.storedTypes[typeDef.type] === undefined
+      ) {
         newFilters[typeDef.type] = true;
       } else {
         newFilters[typeDef.type] = nextState.storedTypes[typeDef.type];
diff --git a/tgui/packages/tgui/components/Button.jsx b/tgui/packages/tgui/components/Button.jsx
index e352df2f8f6..33f00c7311d 100644
--- a/tgui/packages/tgui/components/Button.jsx
+++ b/tgui/packages/tgui/components/Button.jsx
@@ -7,6 +7,7 @@
 import { KEY_ENTER, KEY_ESCAPE, KEY_SPACE } from 'common/keycodes';
 import { classes } from 'common/react';
 import { Component, createRef } from 'react';
+
 import { Box, computeBoxClassName, computeBoxProps } from './Box';
 import { Icon } from './Icon';
 import { Tooltip } from './Tooltip';
diff --git a/tgui/packages/tgui/interfaces/AICard.jsx b/tgui/packages/tgui/interfaces/AICard.jsx
index 62435777e02..625e2c7db84 100644
--- a/tgui/packages/tgui/interfaces/AICard.jsx
+++ b/tgui/packages/tgui/interfaces/AICard.jsx
@@ -1,5 +1,5 @@
 import { useBackend } from '../backend';
-import { Button, ProgressBar, LabeledList, Box, Section } from '../components';
+import { Box, Button, LabeledList, ProgressBar, Section } from '../components';
 import { Window } from '../layouts';
 
 export const AICard = (props) => {
diff --git a/tgui/packages/tgui/interfaces/APC.jsx b/tgui/packages/tgui/interfaces/APC.jsx
index 410cf83d63a..2a533d07cb4 100644
--- a/tgui/packages/tgui/interfaces/APC.jsx
+++ b/tgui/packages/tgui/interfaces/APC.jsx
@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import {
   Box,
@@ -10,8 +9,8 @@ import {
   Section,
 } from '../components';
 import { Window } from '../layouts';
-import { InterfaceLockNoticeBox } from './common/InterfaceLockNoticeBox';
 import { FullscreenNotice } from './common/FullscreenNotice';
+import { InterfaceLockNoticeBox } from './common/InterfaceLockNoticeBox';
 
 export const APC = (props) => {
   const { act, data } = useBackend();
diff --git a/tgui/packages/tgui/interfaces/AccountsTerminal.jsx b/tgui/packages/tgui/interfaces/AccountsTerminal.jsx
index 76e03af5181..b00126bf545 100644
--- a/tgui/packages/tgui/interfaces/AccountsTerminal.jsx
+++ b/tgui/packages/tgui/interfaces/AccountsTerminal.jsx
@@ -2,8 +2,8 @@ import { useBackend, useSharedState } from '../backend';
 import {
   Box,
   Button,
-  LabeledList,
   Input,
+  LabeledList,
   Section,
   Table,
   Tabs,
diff --git a/tgui/packages/tgui/interfaces/AiAirlock.jsx b/tgui/packages/tgui/interfaces/AiAirlock.jsx
index 63d52f010ed..ba3cb0a75f4 100644
--- a/tgui/packages/tgui/interfaces/AiAirlock.jsx
+++ b/tgui/packages/tgui/interfaces/AiAirlock.jsx
@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import { Button, LabeledList, Section } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/AiRestorer.jsx b/tgui/packages/tgui/interfaces/AiRestorer.jsx
index 1b2b6ebaa4c..2b5c5979c72 100644
--- a/tgui/packages/tgui/interfaces/AiRestorer.jsx
+++ b/tgui/packages/tgui/interfaces/AiRestorer.jsx
@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import {
   Box,
diff --git a/tgui/packages/tgui/interfaces/AirAlarm.jsx b/tgui/packages/tgui/interfaces/AirAlarm.jsx
index 3178cec760f..7c2931e8b37 100644
--- a/tgui/packages/tgui/interfaces/AirAlarm.jsx
+++ b/tgui/packages/tgui/interfaces/AirAlarm.jsx
@@ -1,11 +1,12 @@
 import { toFixed } from 'common/math';
 import { Fragment } from 'react';
+
 import { useBackend, useLocalState } from '../backend';
 import { Box, Button, LabeledList, Section } from '../components';
-import { getGasLabel, getGasColor } from '../constants';
+import { getGasColor, getGasLabel } from '../constants';
 import { Window } from '../layouts';
+import { Scrubber, Vent } from './common/AtmosControls';
 import { InterfaceLockNoticeBox } from './common/InterfaceLockNoticeBox';
-import { Vent, Scrubber } from './common/AtmosControls';
 
 export const AirAlarm = (props) => {
   const { act, data } = useBackend();
diff --git a/tgui/packages/tgui/interfaces/AlgaeFarm.jsx b/tgui/packages/tgui/interfaces/AlgaeFarm.jsx
index 4c72454feca..d68432732c3 100644
--- a/tgui/packages/tgui/interfaces/AlgaeFarm.jsx
+++ b/tgui/packages/tgui/interfaces/AlgaeFarm.jsx
@@ -1,15 +1,16 @@
+import { capitalize } from 'common/string';
+
 import { useBackend } from '../backend';
 import {
   Box,
   Button,
-  NoticeBox,
   LabeledList,
+  NoticeBox,
   ProgressBar,
   Section,
   Table,
 } from '../components';
 import { Window } from '../layouts';
-import { capitalize } from 'common/string';
 
 export const AlgaeFarm = (props) => {
   const { act, data } = useBackend();
diff --git a/tgui/packages/tgui/interfaces/AssemblyProx.jsx b/tgui/packages/tgui/interfaces/AssemblyProx.jsx
index 51946ee83d1..19feacea1ec 100644
--- a/tgui/packages/tgui/interfaces/AssemblyProx.jsx
+++ b/tgui/packages/tgui/interfaces/AssemblyProx.jsx
@@ -1,8 +1,9 @@
 import { round } from 'common/math';
+
 import { useBackend } from '../backend';
 import { Button, LabeledList, NumberInput, Section } from '../components';
-import { Window } from '../layouts';
 import { formatTime } from '../format';
+import { Window } from '../layouts';
 
 export const AssemblyProx = (props) => {
   const { act, data } = useBackend();
diff --git a/tgui/packages/tgui/interfaces/AssemblyTimer.jsx b/tgui/packages/tgui/interfaces/AssemblyTimer.jsx
index 4b06f77c859..fef7278b3f1 100644
--- a/tgui/packages/tgui/interfaces/AssemblyTimer.jsx
+++ b/tgui/packages/tgui/interfaces/AssemblyTimer.jsx
@@ -1,8 +1,9 @@
 import { round } from 'common/math';
+
 import { useBackend } from '../backend';
 import { Button, LabeledList, NumberInput, Section } from '../components';
-import { Window } from '../layouts';
 import { formatTime } from '../format';
+import { Window } from '../layouts';
 
 export const AssemblyTimer = (props) => {
   const { act, data } = useBackend();
diff --git a/tgui/packages/tgui/interfaces/AtmosFilter.jsx b/tgui/packages/tgui/interfaces/AtmosFilter.jsx
index f5a0f77a72b..707d0f30d4f 100644
--- a/tgui/packages/tgui/interfaces/AtmosFilter.jsx
+++ b/tgui/packages/tgui/interfaces/AtmosFilter.jsx
@@ -1,11 +1,11 @@
 import { useBackend } from '../backend';
 import {
+  AnimatedNumber,
+  Box,
   Button,
   LabeledList,
   NumberInput,
   Section,
-  AnimatedNumber,
-  Box,
 } from '../components';
 import { Window } from '../layouts';
 
diff --git a/tgui/packages/tgui/interfaces/Autolathe.jsx b/tgui/packages/tgui/interfaces/Autolathe.jsx
index 14829d0da18..1ff03d03549 100644
--- a/tgui/packages/tgui/interfaces/Autolathe.jsx
+++ b/tgui/packages/tgui/interfaces/Autolathe.jsx
@@ -1,10 +1,11 @@
-import { flow } from 'common/fp';
 import { filter, sortBy } from 'common/collections';
+import { flow } from 'common/fp';
+import { createSearch, toTitleCase } from 'common/string';
+
 import { useBackend, useSharedState } from '../backend';
-import { Box, Button, Flex, Input, Section, Dropdown } from '../components';
+import { Box, Button, Dropdown, Flex, Input, Section } from '../components';
 import { Window } from '../layouts';
 import { Materials } from './ExosuitFabricator';
-import { createSearch, toTitleCase } from 'common/string';
 
 const canBeMade = (recipe, materials, mult = 1) => {
   if (recipe.requirements === null) {
diff --git a/tgui/packages/tgui/interfaces/BeaconLocator.jsx b/tgui/packages/tgui/interfaces/BeaconLocator.jsx
index 0c02f13d5d2..362dac53083 100644
--- a/tgui/packages/tgui/interfaces/BeaconLocator.jsx
+++ b/tgui/packages/tgui/interfaces/BeaconLocator.jsx
@@ -1,4 +1,5 @@
-import { toFixed, round } from 'common/math';
+import { round, toFixed } from 'common/math';
+
 import { useBackend } from '../backend';
 import {
   Box,
diff --git a/tgui/packages/tgui/interfaces/Biogenerator.jsx b/tgui/packages/tgui/interfaces/Biogenerator.jsx
index caa388e44a4..9df2baca9c3 100644
--- a/tgui/packages/tgui/interfaces/Biogenerator.jsx
+++ b/tgui/packages/tgui/interfaces/Biogenerator.jsx
@@ -1,5 +1,5 @@
 import { createSearch } from 'common/string';
-import { Fragment } from 'react';
+
 import { useBackend, useLocalState } from '../backend';
 import {
   Box,
diff --git a/tgui/packages/tgui/interfaces/BodyDesigner.jsx b/tgui/packages/tgui/interfaces/BodyDesigner.jsx
index 7384274f481..059cf61700b 100644
--- a/tgui/packages/tgui/interfaces/BodyDesigner.jsx
+++ b/tgui/packages/tgui/interfaces/BodyDesigner.jsx
@@ -1,13 +1,14 @@
 import { capitalize } from 'common/string';
+
 import { useBackend } from '../backend';
 import {
   Box,
-  ByondUi,
   Button,
+  ByondUi,
+  ColorBox,
   Flex,
   LabeledList,
   Section,
-  ColorBox,
 } from '../components';
 import { Window } from '../layouts';
 
diff --git a/tgui/packages/tgui/interfaces/BodyScanner.jsx b/tgui/packages/tgui/interfaces/BodyScanner.jsx
index bbeb1ef1fb7..c4684bd739c 100644
--- a/tgui/packages/tgui/interfaces/BodyScanner.jsx
+++ b/tgui/packages/tgui/interfaces/BodyScanner.jsx
@@ -1,5 +1,5 @@
 import { round } from 'common/math';
-import { Fragment } from 'react';
+
 import { useBackend } from '../backend';
 import {
   AnimatedNumber,
@@ -301,7 +301,7 @@ const BodyScannerMainAbnormalities = (props) => {
       {abnormalities.map((a, i) => {
         if (occupant[a[0]]) {
           return (
-            <Box color={a[1]} bold={a[1] === 'bad'}>
+            <Box key={i} color={a[1]} bold={a[1] === 'bad'}>
               {a[2](occupant)}
             </Box>
           );
diff --git a/tgui/packages/tgui/interfaces/BombTester.jsx b/tgui/packages/tgui/interfaces/BombTester.jsx
index 872b0535617..c1e1a2afe9d 100644
--- a/tgui/packages/tgui/interfaces/BombTester.jsx
+++ b/tgui/packages/tgui/interfaces/BombTester.jsx
@@ -1,4 +1,5 @@
 import { Component } from 'react';
+
 import { useBackend } from '../backend';
 import { Box, Button, Icon, LabeledList, Section, Slider } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/BotanyEditor.jsx b/tgui/packages/tgui/interfaces/BotanyEditor.jsx
index 0b148e155a6..5210e31dd79 100644
--- a/tgui/packages/tgui/interfaces/BotanyEditor.jsx
+++ b/tgui/packages/tgui/interfaces/BotanyEditor.jsx
@@ -1,5 +1,5 @@
 import { useBackend } from '../backend';
-import { Box, Button, LabeledList, Section, NoticeBox } from '../components';
+import { Box, Button, LabeledList, NoticeBox, Section } from '../components';
 import { Window } from '../layouts';
 
 export const BotanyEditor = (props) => {
diff --git a/tgui/packages/tgui/interfaces/BotanyIsolator.jsx b/tgui/packages/tgui/interfaces/BotanyIsolator.jsx
index 92dba6ac3a6..b46e434268a 100644
--- a/tgui/packages/tgui/interfaces/BotanyIsolator.jsx
+++ b/tgui/packages/tgui/interfaces/BotanyIsolator.jsx
@@ -1,5 +1,5 @@
 import { useBackend } from '../backend';
-import { Box, Button, LabeledList, Section, NoticeBox } from '../components';
+import { Box, Button, LabeledList, NoticeBox, Section } from '../components';
 import { Window } from '../layouts';
 
 export const BotanyIsolator = (props) => {
diff --git a/tgui/packages/tgui/interfaces/BrigTimer.jsx b/tgui/packages/tgui/interfaces/BrigTimer.jsx
index 2357c8464c4..0e2d1fd7ef8 100644
--- a/tgui/packages/tgui/interfaces/BrigTimer.jsx
+++ b/tgui/packages/tgui/interfaces/BrigTimer.jsx
@@ -1,9 +1,9 @@
 import { round } from 'common/math';
-import { Fragment } from 'react';
+
 import { useBackend } from '../backend';
-import { Button, Section, NumberInput, Flex } from '../components';
-import { Window } from '../layouts';
+import { Button, Flex, NumberInput, Section } from '../components';
 import { formatTime } from '../format';
+import { Window } from '../layouts';
 
 export const BrigTimer = (props) => {
   const { act, data } = useBackend();
diff --git a/tgui/packages/tgui/interfaces/Canister.jsx b/tgui/packages/tgui/interfaces/Canister.jsx
index 58c64e65cb6..ee90f67841f 100644
--- a/tgui/packages/tgui/interfaces/Canister.jsx
+++ b/tgui/packages/tgui/interfaces/Canister.jsx
@@ -1,4 +1,5 @@
 import { toFixed } from 'common/math';
+
 import { useBackend } from '../backend';
 import {
   AnimatedNumber,
diff --git a/tgui/packages/tgui/interfaces/Canvas.jsx b/tgui/packages/tgui/interfaces/Canvas.jsx
index 1ef7b762c1d..02b2ff9ecfa 100644
--- a/tgui/packages/tgui/interfaces/Canvas.jsx
+++ b/tgui/packages/tgui/interfaces/Canvas.jsx
@@ -1,4 +1,5 @@
 import { Component, createRef } from 'react';
+
 import { useBackend } from '../backend';
 import { Box, Button } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/CasinoPrizeDispenser.jsx b/tgui/packages/tgui/interfaces/CasinoPrizeDispenser.jsx
index 9503cae1211..7e6a5333d88 100644
--- a/tgui/packages/tgui/interfaces/CasinoPrizeDispenser.jsx
+++ b/tgui/packages/tgui/interfaces/CasinoPrizeDispenser.jsx
@@ -1,5 +1,5 @@
 import { createSearch } from 'common/string';
-import { Fragment } from 'react';
+
 import { useBackend, useLocalState } from '../backend';
 import {
   Box,
diff --git a/tgui/packages/tgui/interfaces/ChemDispenser.jsx b/tgui/packages/tgui/interfaces/ChemDispenser.jsx
index 7fe21f0f081..a502fdfa82a 100644
--- a/tgui/packages/tgui/interfaces/ChemDispenser.jsx
+++ b/tgui/packages/tgui/interfaces/ChemDispenser.jsx
@@ -1,6 +1,5 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
-import { Box, Button, Flex, LabeledList, Slider, Section } from '../components';
+import { Box, Button, Flex, LabeledList, Section, Slider } from '../components';
 import { BeakerContents } from '../interfaces/common/BeakerContents';
 import { Window } from '../layouts';
 
@@ -28,6 +27,7 @@ const ChemDispenserSettings = (properties) => {
         <LabeledList.Item label="Dispense" verticalAlign="middle">
           {dispenseAmounts.map((a, i) => (
             <Button
+              key={i}
               textAlign="center"
               selected={amount === a}
               content={a + 'u'}
diff --git a/tgui/packages/tgui/interfaces/ChemMaster.jsx b/tgui/packages/tgui/interfaces/ChemMaster.jsx
index 2c1309b4f25..606b8e71c1a 100644
--- a/tgui/packages/tgui/interfaces/ChemMaster.jsx
+++ b/tgui/packages/tgui/interfaces/ChemMaster.jsx
@@ -1,5 +1,3 @@
-import { Fragment } from 'react';
-
 import { useBackend } from '../backend';
 import { Box, Button, Flex, Icon, LabeledList, Section } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/ClawMachine.jsx b/tgui/packages/tgui/interfaces/ClawMachine.jsx
index b6ded155d71..a06626f52cf 100644
--- a/tgui/packages/tgui/interfaces/ClawMachine.jsx
+++ b/tgui/packages/tgui/interfaces/ClawMachine.jsx
@@ -1,5 +1,5 @@
 import { useBackend } from '../backend';
-import { Button, ProgressBar, Box, LabeledList } from '../components';
+import { Box, Button, LabeledList, ProgressBar } from '../components';
 import { Window } from '../layouts';
 
 export const ClawMachine = (props) => {
diff --git a/tgui/packages/tgui/interfaces/CloningConsole.jsx b/tgui/packages/tgui/interfaces/CloningConsole.jsx
index 9486aa38620..3045d257f1d 100644
--- a/tgui/packages/tgui/interfaces/CloningConsole.jsx
+++ b/tgui/packages/tgui/interfaces/CloningConsole.jsx
@@ -1,5 +1,5 @@
 import { round } from 'common/math';
-import { Fragment } from 'react';
+
 import { useBackend } from '../backend';
 import {
   Box,
diff --git a/tgui/packages/tgui/interfaces/ColorMate.tsx b/tgui/packages/tgui/interfaces/ColorMate.tsx
index 0351168d6b2..d9a555b7ed8 100644
--- a/tgui/packages/tgui/interfaces/ColorMate.tsx
+++ b/tgui/packages/tgui/interfaces/ColorMate.tsx
@@ -1,5 +1,3 @@
-import { Fragment } from 'react';
-
 import { useBackend } from '../backend';
 import { Box, Button, Flex, Section } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/CommunicationsConsole.jsx b/tgui/packages/tgui/interfaces/CommunicationsConsole.jsx
index edf3e06f657..97613ed7e5d 100644
--- a/tgui/packages/tgui/interfaces/CommunicationsConsole.jsx
+++ b/tgui/packages/tgui/interfaces/CommunicationsConsole.jsx
@@ -1,6 +1,5 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
-import { Button, LabeledList, Box, Section } from '../components';
+import { Box, Button, LabeledList, Section } from '../components';
 import { Window } from '../layouts';
 
 export const CommunicationsConsole = (props) => {
diff --git a/tgui/packages/tgui/interfaces/ComputerFabricator.jsx b/tgui/packages/tgui/interfaces/ComputerFabricator.jsx
index 4dcdd4f0542..55335374ac7 100644
--- a/tgui/packages/tgui/interfaces/ComputerFabricator.jsx
+++ b/tgui/packages/tgui/interfaces/ComputerFabricator.jsx
@@ -1,4 +1,5 @@
 import { multiline } from 'common/string';
+
 import { useBackend } from '../backend';
 import { Box, Button, Grid, Section, Table, Tooltip } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/CookingAppliance.jsx b/tgui/packages/tgui/interfaces/CookingAppliance.jsx
index 43396873367..4efa443a6a0 100644
--- a/tgui/packages/tgui/interfaces/CookingAppliance.jsx
+++ b/tgui/packages/tgui/interfaces/CookingAppliance.jsx
@@ -1,11 +1,11 @@
 import { useBackend } from '../backend';
 import {
+  AnimatedNumber,
   Button,
   Flex,
   LabeledList,
   ProgressBar,
   Section,
-  AnimatedNumber,
 } from '../components';
 import { Window } from '../layouts';
 
@@ -46,7 +46,7 @@ export const CookingAppliance = (props) => {
             {our_contents.map((content, i) => {
               if (content.empty) {
                 return (
-                  <LabeledList.Item label={'Slot #' + (i + 1)}>
+                  <LabeledList.Item key={i} label={'Slot #' + (i + 1)}>
                     <Button onClick={() => act('slot', { slot: i + 1 })}>
                       Empty
                     </Button>
diff --git a/tgui/packages/tgui/interfaces/Cryo.jsx b/tgui/packages/tgui/interfaces/Cryo.jsx
index 22b8aee4002..5ec9994bb38 100644
--- a/tgui/packages/tgui/interfaces/Cryo.jsx
+++ b/tgui/packages/tgui/interfaces/Cryo.jsx
@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import {
   AnimatedNumber,
diff --git a/tgui/packages/tgui/interfaces/DNAForensics.jsx b/tgui/packages/tgui/interfaces/DNAForensics.jsx
index 64d297d04c2..b1dc785183c 100644
--- a/tgui/packages/tgui/interfaces/DNAForensics.jsx
+++ b/tgui/packages/tgui/interfaces/DNAForensics.jsx
@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import { Box, Button, LabeledList, ProgressBar, Section } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/DNAModifier.jsx b/tgui/packages/tgui/interfaces/DNAModifier.jsx
index 01b5c9c5ccf..e7ec460a035 100644
--- a/tgui/packages/tgui/interfaces/DNAModifier.jsx
+++ b/tgui/packages/tgui/interfaces/DNAModifier.jsx
@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import {
   Box,
diff --git a/tgui/packages/tgui/interfaces/DiseaseSplicer.jsx b/tgui/packages/tgui/interfaces/DiseaseSplicer.jsx
index 51ff2a20423..3b91cb4e74c 100644
--- a/tgui/packages/tgui/interfaces/DiseaseSplicer.jsx
+++ b/tgui/packages/tgui/interfaces/DiseaseSplicer.jsx
@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import { Box, Button, LabeledList, ProgressBar, Section } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/DishIncubator.jsx b/tgui/packages/tgui/interfaces/DishIncubator.jsx
index 3260e7331eb..cd25f3e6418 100644
--- a/tgui/packages/tgui/interfaces/DishIncubator.jsx
+++ b/tgui/packages/tgui/interfaces/DishIncubator.jsx
@@ -1,5 +1,3 @@
-import { Fragment } from 'react';
-import { formatCommaNumber } from '../format';
 import { useBackend } from '../backend';
 import {
   Box,
@@ -9,6 +7,7 @@ import {
   ProgressBar,
   Section,
 } from '../components';
+import { formatCommaNumber } from '../format';
 import { Window } from '../layouts';
 
 export const DishIncubator = (props) => {
diff --git a/tgui/packages/tgui/interfaces/DroneConsole.jsx b/tgui/packages/tgui/interfaces/DroneConsole.jsx
index cb5db124463..08401a25cb1 100644
--- a/tgui/packages/tgui/interfaces/DroneConsole.jsx
+++ b/tgui/packages/tgui/interfaces/DroneConsole.jsx
@@ -1,6 +1,5 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
-import { Box, Button, LabeledList, Section, Dropdown } from '../components';
+import { Box, Button, Dropdown, LabeledList, Section } from '../components';
 import { Window } from '../layouts';
 
 export const DroneConsole = (props) => {
diff --git a/tgui/packages/tgui/interfaces/EmbeddedController.jsx b/tgui/packages/tgui/interfaces/EmbeddedController.jsx
index fde3278c04d..6b4eeb1adc3 100644
--- a/tgui/packages/tgui/interfaces/EmbeddedController.jsx
+++ b/tgui/packages/tgui/interfaces/EmbeddedController.jsx
@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import {
   Box,
@@ -10,7 +9,6 @@ import {
   Section,
 } from '../components';
 import { Window } from '../layouts';
-
 import { createLogger } from '../logging';
 const logger = createLogger('fuck');
 
diff --git a/tgui/packages/tgui/interfaces/ExosuitFabricator.jsx b/tgui/packages/tgui/interfaces/ExosuitFabricator.jsx
index e6c43bc1d4f..0a298495def 100644
--- a/tgui/packages/tgui/interfaces/ExosuitFabricator.jsx
+++ b/tgui/packages/tgui/interfaces/ExosuitFabricator.jsx
@@ -1,23 +1,24 @@
-import { classes } from 'common/react';
 import { uniqBy } from 'common/collections';
+import { toFixed } from 'common/math';
+import { classes } from 'common/react';
+import { createSearch, toTitleCase } from 'common/string';
+import { Fragment } from 'react';
+
 import { useBackend, useSharedState } from '../backend';
-import { formatSiUnit, formatMoney } from '../format';
 import {
-  Flex,
-  Section,
-  Tabs,
   Box,
   Button,
-  ProgressBar,
-  NumberInput,
+  Flex,
   Icon,
   Input,
+  NumberInput,
+  ProgressBar,
+  Section,
+  Tabs,
   Tooltip,
 } from '../components';
-import { Fragment } from 'react';
+import { formatMoney, formatSiUnit } from '../format';
 import { Window } from '../layouts';
-import { createSearch, toTitleCase } from 'common/string';
-import { toFixed } from 'common/math';
 
 const MATERIAL_KEYS = {
   steel: 'sheet-metal_3',
diff --git a/tgui/packages/tgui/interfaces/FileCabinet.jsx b/tgui/packages/tgui/interfaces/FileCabinet.jsx
index bebac21cf93..51c016a8f7c 100644
--- a/tgui/packages/tgui/interfaces/FileCabinet.jsx
+++ b/tgui/packages/tgui/interfaces/FileCabinet.jsx
@@ -1,4 +1,5 @@
 import { sortBy } from 'common/collections';
+
 import { useBackend } from '../backend';
 import { Button, Section } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/Floorbot.jsx b/tgui/packages/tgui/interfaces/Floorbot.jsx
index b0141bd5e36..eac49797495 100644
--- a/tgui/packages/tgui/interfaces/Floorbot.jsx
+++ b/tgui/packages/tgui/interfaces/Floorbot.jsx
@@ -1,10 +1,10 @@
 import { useBackend } from '../backend';
 import {
+  AnimatedNumber,
   Button,
+  Dropdown,
   LabeledList,
   Section,
-  AnimatedNumber,
-  Dropdown,
 } from '../components';
 import { Window } from '../layouts';
 
diff --git a/tgui/packages/tgui/interfaces/GasPump.jsx b/tgui/packages/tgui/interfaces/GasPump.jsx
index 66bd0bdf4f4..91d847dcdd0 100644
--- a/tgui/packages/tgui/interfaces/GasPump.jsx
+++ b/tgui/packages/tgui/interfaces/GasPump.jsx
@@ -1,11 +1,11 @@
 import { useBackend } from '../backend';
 import {
+  AnimatedNumber,
   Button,
+  LabeledControls,
   LabeledList,
   ProgressBar,
   Section,
-  LabeledControls,
-  AnimatedNumber,
 } from '../components';
 import { Window } from '../layouts';
 
diff --git a/tgui/packages/tgui/interfaces/GasTemperatureSystem.jsx b/tgui/packages/tgui/interfaces/GasTemperatureSystem.jsx
index 9f0d8dcb860..1c8c8fa2d25 100644
--- a/tgui/packages/tgui/interfaces/GasTemperatureSystem.jsx
+++ b/tgui/packages/tgui/interfaces/GasTemperatureSystem.jsx
@@ -1,13 +1,14 @@
 import { round } from 'common/math';
+
 import { useBackend } from '../backend';
 import {
+  AnimatedNumber,
   Button,
+  Knob,
+  LabeledControls,
   LabeledList,
   Section,
-  Knob,
   Slider,
-  LabeledControls,
-  AnimatedNumber,
 } from '../components';
 import { Window } from '../layouts';
 
diff --git a/tgui/packages/tgui/interfaces/GeneralAtmoControl.jsx b/tgui/packages/tgui/interfaces/GeneralAtmoControl.jsx
index bd39ca20922..a1af84e9a72 100644
--- a/tgui/packages/tgui/interfaces/GeneralAtmoControl.jsx
+++ b/tgui/packages/tgui/interfaces/GeneralAtmoControl.jsx
@@ -1,6 +1,5 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
-import { Box, Button, Flex, LabeledList, Slider, Section } from '../components';
+import { Box, Button, Flex, LabeledList, Section, Slider } from '../components';
 import { Window } from '../layouts';
 
 export const GeneralAtmoControl = (props) => {
diff --git a/tgui/packages/tgui/interfaces/Gps.jsx b/tgui/packages/tgui/interfaces/Gps.jsx
index fea58ef6300..a2afa241305 100644
--- a/tgui/packages/tgui/interfaces/Gps.jsx
+++ b/tgui/packages/tgui/interfaces/Gps.jsx
@@ -2,7 +2,7 @@ import { map, sortBy } from 'common/collections';
 import { flow } from 'common/fp';
 import { clamp } from 'common/math';
 import { vecLength, vecSubtract } from 'common/vector';
-import { Fragment } from 'react';
+
 import { useBackend } from '../backend';
 import { Box, Button, Icon, LabeledList, Section, Table } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/GravityGenerator.jsx b/tgui/packages/tgui/interfaces/GravityGenerator.jsx
index bda1e37ef8b..859cbc23789 100644
--- a/tgui/packages/tgui/interfaces/GravityGenerator.jsx
+++ b/tgui/packages/tgui/interfaces/GravityGenerator.jsx
@@ -1,5 +1,5 @@
 import { useBackend } from '../backend';
-import { Button, Section, LabeledList } from '../components';
+import { Button, LabeledList, Section } from '../components';
 import { Window } from '../layouts';
 
 export const GravityGenerator = (props) => {
diff --git a/tgui/packages/tgui/interfaces/GuestPass.jsx b/tgui/packages/tgui/interfaces/GuestPass.jsx
index 7d8d7c898ce..f8501ec1212 100644
--- a/tgui/packages/tgui/interfaces/GuestPass.jsx
+++ b/tgui/packages/tgui/interfaces/GuestPass.jsx
@@ -1,5 +1,6 @@
 /* eslint react/no-danger: "off" */
 import { sortBy } from 'common/collections';
+
 import { useBackend } from '../backend';
 import { Box, Button, LabeledList, Section } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/ICAssembly.jsx b/tgui/packages/tgui/interfaces/ICAssembly.jsx
index ad515536c0f..6bd079efcd6 100644
--- a/tgui/packages/tgui/interfaces/ICAssembly.jsx
+++ b/tgui/packages/tgui/interfaces/ICAssembly.jsx
@@ -1,15 +1,16 @@
 import { round } from 'common/math';
+
 import { useBackend } from '../backend';
 import {
+  AnimatedNumber,
   Box,
   Button,
   LabeledList,
   ProgressBar,
   Section,
-  AnimatedNumber,
 } from '../components';
-import { Window } from '../layouts';
 import { formatPower } from '../format';
+import { Window } from '../layouts';
 
 export const ICAssembly = (props) => {
   const { act, data } = useBackend();
diff --git a/tgui/packages/tgui/interfaces/ICCircuit.jsx b/tgui/packages/tgui/interfaces/ICCircuit.jsx
index 2783032a61a..e47fdf934e9 100644
--- a/tgui/packages/tgui/interfaces/ICCircuit.jsx
+++ b/tgui/packages/tgui/interfaces/ICCircuit.jsx
@@ -1,9 +1,9 @@
-import { Fragment } from 'react';
+import { decodeHtmlEntities } from 'common/string';
+
 import { useBackend } from '../backend';
 import { Box, Button, Flex, LabeledList, Section } from '../components';
-import { Window } from '../layouts';
-import { decodeHtmlEntities } from 'common/string';
 import { formatPower } from '../format';
+import { Window } from '../layouts';
 
 export const ICCircuit = (props) => {
   const { act, data } = useBackend();
diff --git a/tgui/packages/tgui/interfaces/ICDetailer.jsx b/tgui/packages/tgui/interfaces/ICDetailer.jsx
index 6d8670b424b..542b8763364 100644
--- a/tgui/packages/tgui/interfaces/ICDetailer.jsx
+++ b/tgui/packages/tgui/interfaces/ICDetailer.jsx
@@ -1,7 +1,8 @@
+import { toTitleCase } from 'common/string';
+
 import { useBackend } from '../backend';
 import { Button, Section } from '../components';
 import { Window } from '../layouts';
-import { toTitleCase } from 'common/string';
 
 export const ICDetailer = (props) => {
   const { act, data } = useBackend();
diff --git a/tgui/packages/tgui/interfaces/ICPrinter.jsx b/tgui/packages/tgui/interfaces/ICPrinter.jsx
index 432881112e5..9991f14f1b6 100644
--- a/tgui/packages/tgui/interfaces/ICPrinter.jsx
+++ b/tgui/packages/tgui/interfaces/ICPrinter.jsx
@@ -1,3 +1,5 @@
+import { filter, sortBy } from 'common/collections';
+
 import { useBackend, useSharedState } from '../backend';
 import {
   Box,
@@ -5,11 +7,10 @@ import {
   LabeledList,
   ProgressBar,
   Section,
-  Tabs,
   Stack,
+  Tabs,
 } from '../components';
 import { Window } from '../layouts';
-import { sortBy, filter } from 'common/collections';
 
 export const ICPrinter = (props) => {
   const { act, data } = useBackend();
diff --git a/tgui/packages/tgui/interfaces/IDCard.jsx b/tgui/packages/tgui/interfaces/IDCard.jsx
index 11930d4a468..cdb0cef0ddc 100644
--- a/tgui/packages/tgui/interfaces/IDCard.jsx
+++ b/tgui/packages/tgui/interfaces/IDCard.jsx
@@ -1,5 +1,5 @@
-import { Box, Flex, LabeledList, Section, Icon } from '../components';
 import { useBackend } from '../backend';
+import { Box, Flex, Icon, LabeledList, Section } from '../components';
 import { Window } from '../layouts';
 import { RankIcon } from './common/RankIcon';
 
diff --git a/tgui/packages/tgui/interfaces/IdentificationComputer.jsx b/tgui/packages/tgui/interfaces/IdentificationComputer.jsx
index d1712b038b0..faf0cf858a6 100644
--- a/tgui/packages/tgui/interfaces/IdentificationComputer.jsx
+++ b/tgui/packages/tgui/interfaces/IdentificationComputer.jsx
@@ -1,5 +1,7 @@
 import { sortBy } from 'common/collections';
+import { decodeHtmlEntities } from 'common/string';
 import { Fragment } from 'react';
+
 import { useBackend } from '../backend';
 import {
   Box,
@@ -12,7 +14,6 @@ import {
   Tabs,
 } from '../components';
 import { Window } from '../layouts';
-import { decodeHtmlEntities } from 'common/string';
 import { CrewManifestContent } from './CrewManifest';
 
 export const IdentificationComputer = () => {
diff --git a/tgui/packages/tgui/interfaces/IsolationCentrifuge.jsx b/tgui/packages/tgui/interfaces/IsolationCentrifuge.jsx
index 702404661a7..eb04d401a44 100644
--- a/tgui/packages/tgui/interfaces/IsolationCentrifuge.jsx
+++ b/tgui/packages/tgui/interfaces/IsolationCentrifuge.jsx
@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import { Box, Button, Flex, LabeledList, Section } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/Jukebox.jsx b/tgui/packages/tgui/interfaces/Jukebox.jsx
index 51f98a5c2e5..f0a4fb30cc3 100644
--- a/tgui/packages/tgui/interfaces/Jukebox.jsx
+++ b/tgui/packages/tgui/interfaces/Jukebox.jsx
@@ -1,4 +1,5 @@
 import { round } from 'common/math';
+
 import { useBackend } from '../backend';
 import {
   Box,
diff --git a/tgui/packages/tgui/interfaces/LawManager.jsx b/tgui/packages/tgui/interfaces/LawManager.jsx
index 3381f5d37ab..c9a5f0e8ae3 100644
--- a/tgui/packages/tgui/interfaces/LawManager.jsx
+++ b/tgui/packages/tgui/interfaces/LawManager.jsx
@@ -1,13 +1,12 @@
-import { Fragment } from 'react';
 import { useBackend, useSharedState } from '../backend';
 import {
   Button,
-  LabeledList,
-  Section,
-  Tabs,
-  NoticeBox,
-  Table,
   Input,
+  LabeledList,
+  NoticeBox,
+  Section,
+  Table,
+  Tabs,
 } from '../components';
 import { Window } from '../layouts';
 
diff --git a/tgui/packages/tgui/interfaces/MechaControlConsole.jsx b/tgui/packages/tgui/interfaces/MechaControlConsole.jsx
index 9dfa8bb281f..796557011c3 100644
--- a/tgui/packages/tgui/interfaces/MechaControlConsole.jsx
+++ b/tgui/packages/tgui/interfaces/MechaControlConsole.jsx
@@ -1,16 +1,16 @@
-import { Fragment } from 'react';
+import { decodeHtmlEntities, toTitleCase } from 'common/string';
+
 import { useBackend } from '../backend';
 import {
   Box,
   Button,
-  Modal,
   LabeledList,
+  Modal,
+  NoticeBox,
   ProgressBar,
   Section,
-  NoticeBox,
 } from '../components';
 import { Window } from '../layouts';
-import { toTitleCase, decodeHtmlEntities } from 'common/string';
 
 export const MechaControlConsole = (props) => {
   const { act, data } = useBackend();
diff --git a/tgui/packages/tgui/interfaces/Medbot.jsx b/tgui/packages/tgui/interfaces/Medbot.jsx
index 23e77d4ff7b..f3cb03315c1 100644
--- a/tgui/packages/tgui/interfaces/Medbot.jsx
+++ b/tgui/packages/tgui/interfaces/Medbot.jsx
@@ -3,9 +3,9 @@ import {
   Box,
   Button,
   LabeledList,
+  NumberInput,
   ProgressBar,
   Section,
-  NumberInput,
 } from '../components';
 import { Window } from '../layouts';
 
diff --git a/tgui/packages/tgui/interfaces/MedicalRecords.jsx b/tgui/packages/tgui/interfaces/MedicalRecords.jsx
index 0deed2c8eaa..86198fbe213 100644
--- a/tgui/packages/tgui/interfaces/MedicalRecords.jsx
+++ b/tgui/packages/tgui/interfaces/MedicalRecords.jsx
@@ -1,4 +1,5 @@
 import { Fragment } from 'react';
+
 import { useBackend } from '../backend';
 import {
   Box,
diff --git a/tgui/packages/tgui/interfaces/Microwave.jsx b/tgui/packages/tgui/interfaces/Microwave.jsx
index b54398fcaed..6b40c580747 100644
--- a/tgui/packages/tgui/interfaces/Microwave.jsx
+++ b/tgui/packages/tgui/interfaces/Microwave.jsx
@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import { Box, Button, LabeledList, Section } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/MiningOreProcessingConsole.jsx b/tgui/packages/tgui/interfaces/MiningOreProcessingConsole.jsx
index 6bbb2eed7a7..c37d74c7cd8 100644
--- a/tgui/packages/tgui/interfaces/MiningOreProcessingConsole.jsx
+++ b/tgui/packages/tgui/interfaces/MiningOreProcessingConsole.jsx
@@ -1,13 +1,13 @@
 import { toTitleCase } from 'common/string';
-import { Fragment } from 'react';
+
 import { useBackend } from '../backend';
 import {
+  AnimatedNumber,
   Box,
   Button,
   Dropdown,
-  Section,
   LabeledList,
-  AnimatedNumber,
+  Section,
 } from '../components';
 import { Window } from '../layouts';
 import { MiningUser } from './common/Mining';
diff --git a/tgui/packages/tgui/interfaces/MiningStackingConsole.jsx b/tgui/packages/tgui/interfaces/MiningStackingConsole.jsx
index b37fadf2674..7db2960f4a1 100644
--- a/tgui/packages/tgui/interfaces/MiningStackingConsole.jsx
+++ b/tgui/packages/tgui/interfaces/MiningStackingConsole.jsx
@@ -1,11 +1,12 @@
 import { toTitleCase } from 'common/string';
+
 import { useBackend } from '../backend';
 import {
-  Button,
-  Section,
-  LabeledList,
   AnimatedNumber,
+  Button,
+  LabeledList,
   NumberInput,
+  Section,
 } from '../components';
 import { Window } from '../layouts';
 
diff --git a/tgui/packages/tgui/interfaces/MiningVendor.jsx b/tgui/packages/tgui/interfaces/MiningVendor.jsx
index 21dfd3d393e..052097d1f68 100644
--- a/tgui/packages/tgui/interfaces/MiningVendor.jsx
+++ b/tgui/packages/tgui/interfaces/MiningVendor.jsx
@@ -1,4 +1,5 @@
 import { createSearch } from 'common/string';
+
 import { useBackend, useLocalState } from '../backend';
 import {
   Box,
diff --git a/tgui/packages/tgui/interfaces/MuleBot.tsx b/tgui/packages/tgui/interfaces/MuleBot.tsx
index c257b79b6b1..f0c4c5afe85 100644
--- a/tgui/packages/tgui/interfaces/MuleBot.tsx
+++ b/tgui/packages/tgui/interfaces/MuleBot.tsx
@@ -1,5 +1,4 @@
 import { BooleanLike } from 'common/react';
-import { Fragment } from 'react';
 
 import { useBackend } from '../backend';
 import { Box, Button, LabeledList, Section } from '../components';
diff --git a/tgui/packages/tgui/interfaces/NTNetRelay.jsx b/tgui/packages/tgui/interfaces/NTNetRelay.jsx
index c73f5f7f94e..b1a5a9b2d96 100644
--- a/tgui/packages/tgui/interfaces/NTNetRelay.jsx
+++ b/tgui/packages/tgui/interfaces/NTNetRelay.jsx
@@ -1,5 +1,5 @@
 import { useBackend } from '../backend';
-import { Button, Box, Icon, LabeledList, Section } from '../components';
+import { Box, Button, Icon, LabeledList, Section } from '../components';
 import { Window } from '../layouts';
 import { FullscreenNotice } from './common/FullscreenNotice';
 
diff --git a/tgui/packages/tgui/interfaces/Newscaster.jsx b/tgui/packages/tgui/interfaces/Newscaster.jsx
index b4453d44160..56f43a0c3a8 100644
--- a/tgui/packages/tgui/interfaces/Newscaster.jsx
+++ b/tgui/packages/tgui/interfaces/Newscaster.jsx
@@ -1,7 +1,7 @@
 import { decodeHtmlEntities } from 'common/string';
-import { Fragment } from 'react';
+
 import { useBackend, useSharedState } from '../backend';
-import { Box, Button, Flex, LabeledList, Input, Section } from '../components';
+import { Box, Button, Flex, Input, LabeledList, Section } from '../components';
 import { Window } from '../layouts';
 import { TemporaryNotice } from './common/TemporaryNotice';
 
diff --git a/tgui/packages/tgui/interfaces/NoticeBoard.tsx b/tgui/packages/tgui/interfaces/NoticeBoard.tsx
index 7499ebbb2a3..dcff2be3283 100644
--- a/tgui/packages/tgui/interfaces/NoticeBoard.tsx
+++ b/tgui/packages/tgui/interfaces/NoticeBoard.tsx
@@ -1,5 +1,4 @@
 import { BooleanLike } from 'common/react';
-import { Fragment } from 'react';
 
 import { useBackend } from '../backend';
 import { Box, Button, LabeledList, Section } from '../components';
diff --git a/tgui/packages/tgui/interfaces/NtosConfiguration.jsx b/tgui/packages/tgui/interfaces/NtosConfiguration.jsx
index e03c683f6b3..e496b54950a 100644
--- a/tgui/packages/tgui/interfaces/NtosConfiguration.jsx
+++ b/tgui/packages/tgui/interfaces/NtosConfiguration.jsx
@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import { Box, Button, LabeledList, ProgressBar, Section } from '../components';
 import { NtosWindow } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/NtosDigitalWarrant.jsx b/tgui/packages/tgui/interfaces/NtosDigitalWarrant.jsx
index c13bcd42560..030f83056db 100644
--- a/tgui/packages/tgui/interfaces/NtosDigitalWarrant.jsx
+++ b/tgui/packages/tgui/interfaces/NtosDigitalWarrant.jsx
@@ -1,8 +1,8 @@
+import { filter } from 'common/collections';
+
 import { useBackend } from '../backend';
 import { Button, LabeledList, Section, Table } from '../components';
 import { NtosWindow } from '../layouts';
-import { filter } from 'common/collections';
-import { Fragment } from 'react';
 
 export const NtosDigitalWarrant = (props) => {
   const { act, data } = useBackend();
diff --git a/tgui/packages/tgui/interfaces/NtosEmailClient.jsx b/tgui/packages/tgui/interfaces/NtosEmailClient.jsx
index 1fd9c1e2f84..95a7213d996 100644
--- a/tgui/packages/tgui/interfaces/NtosEmailClient.jsx
+++ b/tgui/packages/tgui/interfaces/NtosEmailClient.jsx
@@ -1,20 +1,20 @@
 /* eslint react/no-danger: "off" */
-import { Fragment } from 'react';
+import { round } from 'common/math';
+
 import { useBackend } from '../backend';
 import {
-  Button,
+  AnimatedNumber,
   Box,
+  Button,
+  Flex,
+  Input,
+  LabeledList,
+  ProgressBar,
   Section,
   Table,
-  LabeledList,
-  Input,
   Tabs,
-  Flex,
-  AnimatedNumber,
-  ProgressBar,
 } from '../components';
 import { NtosWindow } from '../layouts';
-import { round } from 'common/math';
 
 export const NtosEmailClient = (props) => {
   const { act, data } = useBackend();
diff --git a/tgui/packages/tgui/interfaces/NtosFileManager.jsx b/tgui/packages/tgui/interfaces/NtosFileManager.jsx
index 380c3ce0b7f..325a7568db1 100644
--- a/tgui/packages/tgui/interfaces/NtosFileManager.jsx
+++ b/tgui/packages/tgui/interfaces/NtosFileManager.jsx
@@ -1,7 +1,7 @@
 /* eslint react/no-danger: "off" */
-import { Fragment } from 'react';
+
 import { useBackend } from '../backend';
-import { Button, Section, Table, Flex } from '../components';
+import { Button, Flex, Section, Table } from '../components';
 import { NtosWindow } from '../layouts';
 
 export const NtosFileManager = (props) => {
diff --git a/tgui/packages/tgui/interfaces/NtosNetChat.jsx b/tgui/packages/tgui/interfaces/NtosNetChat.jsx
index d008c5b7f48..27464a18112 100644
--- a/tgui/packages/tgui/interfaces/NtosNetChat.jsx
+++ b/tgui/packages/tgui/interfaces/NtosNetChat.jsx
@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import { Box, Button, Icon, Input, Section, Table } from '../components';
 import { NtosWindow } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/NtosNetDos.jsx b/tgui/packages/tgui/interfaces/NtosNetDos.jsx
index 14e4f94902d..4ff420ef62b 100644
--- a/tgui/packages/tgui/interfaces/NtosNetDos.jsx
+++ b/tgui/packages/tgui/interfaces/NtosNetDos.jsx
@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import { Box, Button, LabeledList, NoticeBox, Section } from '../components';
 import { NtosWindow } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/NtosNetDownloader.jsx b/tgui/packages/tgui/interfaces/NtosNetDownloader.jsx
index 09ed8836430..8c15dd232d8 100644
--- a/tgui/packages/tgui/interfaces/NtosNetDownloader.jsx
+++ b/tgui/packages/tgui/interfaces/NtosNetDownloader.jsx
@@ -1,4 +1,5 @@
 import { round } from 'common/math';
+
 import { useBackend } from '../backend';
 import {
   Box,
diff --git a/tgui/packages/tgui/interfaces/NtosNetMonitor.jsx b/tgui/packages/tgui/interfaces/NtosNetMonitor.jsx
index 16b56087e75..67f077da9aa 100644
--- a/tgui/packages/tgui/interfaces/NtosNetMonitor.jsx
+++ b/tgui/packages/tgui/interfaces/NtosNetMonitor.jsx
@@ -1,13 +1,12 @@
+import { useBackend } from '../backend';
 import {
-  Section,
   Box,
   Button,
-  NoticeBox,
   LabeledList,
+  NoticeBox,
   NumberInput,
+  Section,
 } from '../components';
-import { useBackend } from '../backend';
-import { Fragment } from 'react';
 import { NtosWindow } from '../layouts';
 
 export const NtosNetMonitor = (props) => {
diff --git a/tgui/packages/tgui/interfaces/NtosNetTransfer.jsx b/tgui/packages/tgui/interfaces/NtosNetTransfer.jsx
index dd119cbcfce..154e380b79e 100644
--- a/tgui/packages/tgui/interfaces/NtosNetTransfer.jsx
+++ b/tgui/packages/tgui/interfaces/NtosNetTransfer.jsx
@@ -1,11 +1,11 @@
 import { useBackend } from '../backend';
 import {
-  Button,
   Box,
+  Button,
+  Icon,
   LabeledList,
   ProgressBar,
   Section,
-  Icon,
 } from '../components';
 import { NtosWindow } from '../layouts';
 
diff --git a/tgui/packages/tgui/interfaces/NtosNewsBrowser.jsx b/tgui/packages/tgui/interfaces/NtosNewsBrowser.jsx
index ee853370324..5bf28f45f2f 100644
--- a/tgui/packages/tgui/interfaces/NtosNewsBrowser.jsx
+++ b/tgui/packages/tgui/interfaces/NtosNewsBrowser.jsx
@@ -1,15 +1,14 @@
 /* eslint react/no-danger: "off" */
+import { resolveAsset } from '../assets';
 import { useBackend } from '../backend';
 import {
   Button,
   LabeledList,
+  NoticeBox,
   ProgressBar,
   Section,
-  NoticeBox,
 } from '../components';
 import { NtosWindow } from '../layouts';
-import { resolveAsset } from '../assets';
-import { Fragment } from 'react';
 
 export const NtosNewsBrowser = (props) => {
   const { act, data } = useBackend();
diff --git a/tgui/packages/tgui/interfaces/NtosWordProcessor.jsx b/tgui/packages/tgui/interfaces/NtosWordProcessor.jsx
index 0ee302aa4a0..d32767eeec8 100644
--- a/tgui/packages/tgui/interfaces/NtosWordProcessor.jsx
+++ b/tgui/packages/tgui/interfaces/NtosWordProcessor.jsx
@@ -1,6 +1,6 @@
 /* eslint react/no-danger: "off" */
 import { useBackend } from '../backend';
-import { Button, Box, Section, Table } from '../components';
+import { Box, Button, Section, Table } from '../components';
 import { NtosWindow } from '../layouts';
 
 export const NtosWordProcessor = (props) => {
diff --git a/tgui/packages/tgui/interfaces/OmniFilter.tsx b/tgui/packages/tgui/interfaces/OmniFilter.tsx
index 992129e1555..c33bd8368ea 100644
--- a/tgui/packages/tgui/interfaces/OmniFilter.tsx
+++ b/tgui/packages/tgui/interfaces/OmniFilter.tsx
@@ -1,5 +1,4 @@
 import { BooleanLike } from 'common/react';
-import { Fragment } from 'react';
 
 import { useBackend } from '../backend';
 import { Box, Button, LabeledList, Section } from '../components';
diff --git a/tgui/packages/tgui/interfaces/OmniMixer.tsx b/tgui/packages/tgui/interfaces/OmniMixer.tsx
index 3fc8ce6aac0..cc041b2f9c6 100644
--- a/tgui/packages/tgui/interfaces/OmniMixer.tsx
+++ b/tgui/packages/tgui/interfaces/OmniMixer.tsx
@@ -1,5 +1,4 @@
 import { BooleanLike } from 'common/react';
-import { Fragment } from 'react';
 
 import { useBackend } from '../backend';
 import { Box, Button, LabeledList, Section, Table } from '../components';
diff --git a/tgui/packages/tgui/interfaces/OperatingComputer.jsx b/tgui/packages/tgui/interfaces/OperatingComputer.jsx
index b782799bcb7..318f695e49b 100644
--- a/tgui/packages/tgui/interfaces/OperatingComputer.jsx
+++ b/tgui/packages/tgui/interfaces/OperatingComputer.jsx
@@ -1,7 +1,6 @@
 import { round } from 'common/math';
-import { Fragment } from 'react';
+
 import { useBackend } from '../backend';
-import { Window } from '../layouts';
 import {
   Box,
   Button,
@@ -9,10 +8,11 @@ import {
   Icon,
   Knob,
   LabeledList,
+  ProgressBar,
   Section,
   Tabs,
-  ProgressBar,
 } from '../components';
+import { Window } from '../layouts';
 
 const stats = [
   ['good', 'Conscious'],
diff --git a/tgui/packages/tgui/interfaces/OvermapDisperser.jsx b/tgui/packages/tgui/interfaces/OvermapDisperser.jsx
index a4d38d3a2bf..640b15e4c87 100644
--- a/tgui/packages/tgui/interfaces/OvermapDisperser.jsx
+++ b/tgui/packages/tgui/interfaces/OvermapDisperser.jsx
@@ -1,11 +1,11 @@
 import { useBackend } from '../backend';
 import {
+  AnimatedNumber,
   Box,
   Button,
   Flex,
   LabeledList,
   Section,
-  AnimatedNumber,
 } from '../components';
 import { Window } from '../layouts';
 import { OvermapPanControls } from './common/Overmap';
diff --git a/tgui/packages/tgui/interfaces/OvermapEngines.jsx b/tgui/packages/tgui/interfaces/OvermapEngines.jsx
index 66ff5bdc0d2..25586fffb57 100644
--- a/tgui/packages/tgui/interfaces/OvermapEngines.jsx
+++ b/tgui/packages/tgui/interfaces/OvermapEngines.jsx
@@ -1,13 +1,12 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import {
+  AnimatedNumber,
   Box,
   Button,
+  Collapsible,
   Flex,
   LabeledList,
   Section,
-  AnimatedNumber,
-  Collapsible,
 } from '../components';
 import { Window } from '../layouts';
 
@@ -100,11 +99,15 @@ export const OvermapEnginesContent = (props) => {
                             : 'Booting'
                           : 'Offline'}
                       </Box>
-                      {engine.eng_status.map((status) => {
+                      {engine.eng_status.map((status, index) => {
                         if (Array.isArray(status)) {
-                          return <Box color={status[1]}>{status[0]}</Box>;
+                          return (
+                            <Box key={index} color={status[1]}>
+                              {status[0]}
+                            </Box>
+                          );
                         } else {
-                          return <Box>{status}</Box>;
+                          return <Box key={index}>{status}</Box>;
                         }
                       })}
                     </LabeledList.Item>
diff --git a/tgui/packages/tgui/interfaces/OvermapHelm.jsx b/tgui/packages/tgui/interfaces/OvermapHelm.jsx
index ae1c91b6bce..898f0147689 100644
--- a/tgui/packages/tgui/interfaces/OvermapHelm.jsx
+++ b/tgui/packages/tgui/interfaces/OvermapHelm.jsx
@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import { Box, Button, Flex, LabeledList, Section, Table } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/OvermapNavigation.tsx b/tgui/packages/tgui/interfaces/OvermapNavigation.tsx
index 87487dfdc18..3be93f68ad2 100644
--- a/tgui/packages/tgui/interfaces/OvermapNavigation.tsx
+++ b/tgui/packages/tgui/interfaces/OvermapNavigation.tsx
@@ -1,5 +1,4 @@
 import { BooleanLike } from 'common/react';
-import { Fragment } from 'react';
 
 import { useBackend } from '../backend';
 import { Button, LabeledList, Section } from '../components';
diff --git a/tgui/packages/tgui/interfaces/OvermapShieldGenerator.jsx b/tgui/packages/tgui/interfaces/OvermapShieldGenerator.jsx
index 7b5889f62ca..ef628d534f7 100644
--- a/tgui/packages/tgui/interfaces/OvermapShieldGenerator.jsx
+++ b/tgui/packages/tgui/interfaces/OvermapShieldGenerator.jsx
@@ -1,12 +1,11 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import {
+  AnimatedNumber,
   Box,
   Button,
   LabeledList,
   ProgressBar,
   Section,
-  AnimatedNumber,
 } from '../components';
 import { Window } from '../layouts';
 
diff --git a/tgui/packages/tgui/interfaces/OvermapShipSensors.jsx b/tgui/packages/tgui/interfaces/OvermapShipSensors.jsx
index bc02cf2a8c1..556ceab2a8b 100644
--- a/tgui/packages/tgui/interfaces/OvermapShipSensors.jsx
+++ b/tgui/packages/tgui/interfaces/OvermapShipSensors.jsx
@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import { Box, Button, LabeledList, ProgressBar, Section } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/PartsLathe.jsx b/tgui/packages/tgui/interfaces/PartsLathe.jsx
index 52712610130..71166a3accd 100644
--- a/tgui/packages/tgui/interfaces/PartsLathe.jsx
+++ b/tgui/packages/tgui/interfaces/PartsLathe.jsx
@@ -1,15 +1,15 @@
-import { Fragment } from 'react';
+import { toTitleCase } from 'common/string';
+
 import { useBackend } from '../backend';
 import {
   Box,
   Button,
   LabeledList,
+  NoticeBox,
   ProgressBar,
   Section,
-  NoticeBox,
 } from '../components';
 import { Window } from '../layouts';
-import { toTitleCase } from 'common/string';
 import { Materials } from './ExosuitFabricator';
 
 export const PartsLathe = (props) => {
diff --git a/tgui/packages/tgui/interfaces/Photocopier.jsx b/tgui/packages/tgui/interfaces/Photocopier.jsx
index d57722628dd..302638a8825 100644
--- a/tgui/packages/tgui/interfaces/Photocopier.jsx
+++ b/tgui/packages/tgui/interfaces/Photocopier.jsx
@@ -1,12 +1,12 @@
-import {
-  ProgressBar,
-  NumberInput,
-  Button,
-  Section,
-  Box,
-  Flex,
-} from '../components';
 import { useBackend } from '../backend';
+import {
+  Box,
+  Button,
+  Flex,
+  NumberInput,
+  ProgressBar,
+  Section,
+} from '../components';
 import { Window } from '../layouts';
 
 export const Photocopier = (props) => {
diff --git a/tgui/packages/tgui/interfaces/PlantAnalyzer.jsx b/tgui/packages/tgui/interfaces/PlantAnalyzer.jsx
index 6967ec0ca62..3c9cb2254b0 100644
--- a/tgui/packages/tgui/interfaces/PlantAnalyzer.jsx
+++ b/tgui/packages/tgui/interfaces/PlantAnalyzer.jsx
@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import { Box, Button, LabeledList, Section } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/PortableGenerator.jsx b/tgui/packages/tgui/interfaces/PortableGenerator.jsx
index e83a308eb46..fcd46b1589f 100644
--- a/tgui/packages/tgui/interfaces/PortableGenerator.jsx
+++ b/tgui/packages/tgui/interfaces/PortableGenerator.jsx
@@ -1,3 +1,5 @@
+import { round } from 'common/math';
+
 import { useBackend } from '../backend';
 import {
   Box,
@@ -8,7 +10,6 @@ import {
   Section,
 } from '../components';
 import { Window } from '../layouts';
-import { round } from 'common/math';
 
 export const PortableGenerator = (props) => {
   const { act, data } = useBackend();
diff --git a/tgui/packages/tgui/interfaces/PortablePump.jsx b/tgui/packages/tgui/interfaces/PortablePump.jsx
index 9ba6fc30b50..0d27a8d4e3d 100644
--- a/tgui/packages/tgui/interfaces/PortablePump.jsx
+++ b/tgui/packages/tgui/interfaces/PortablePump.jsx
@@ -1,5 +1,5 @@
 import { useBackend } from '../backend';
-import { Button, LabeledList, Slider, Section } from '../components';
+import { Button, LabeledList, Section, Slider } from '../components';
 import { Window } from '../layouts';
 import { PortableBasicInfo } from './common/PortableAtmos';
 
diff --git a/tgui/packages/tgui/interfaces/PortableTurret.jsx b/tgui/packages/tgui/interfaces/PortableTurret.jsx
index 6482240e450..c95a409aece 100644
--- a/tgui/packages/tgui/interfaces/PortableTurret.jsx
+++ b/tgui/packages/tgui/interfaces/PortableTurret.jsx
@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import { Button, LabeledList, NoticeBox, Section } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/PressureRegulator.jsx b/tgui/packages/tgui/interfaces/PressureRegulator.jsx
index 5da5fc7bb6e..a17fe7d7e16 100644
--- a/tgui/packages/tgui/interfaces/PressureRegulator.jsx
+++ b/tgui/packages/tgui/interfaces/PressureRegulator.jsx
@@ -1,6 +1,5 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
-import { Button, LabeledList, Section, AnimatedNumber } from '../components';
+import { AnimatedNumber, Button, LabeledList, Section } from '../components';
 import { Window } from '../layouts';
 
 export const PressureRegulator = (props) => {
diff --git a/tgui/packages/tgui/interfaces/PrisonerManagement.jsx b/tgui/packages/tgui/interfaces/PrisonerManagement.jsx
index ecca8e989c4..3fc24cdec04 100644
--- a/tgui/packages/tgui/interfaces/PrisonerManagement.jsx
+++ b/tgui/packages/tgui/interfaces/PrisonerManagement.jsx
@@ -1,6 +1,5 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
-import { Button, Section, Box, Table } from '../components';
+import { Box, Button, Section, Table } from '../components';
 import { Window } from '../layouts';
 
 export const PrisonerManagement = (props) => {
diff --git a/tgui/packages/tgui/interfaces/RIGSuit.jsx b/tgui/packages/tgui/interfaces/RIGSuit.jsx
index 134cfa09b47..6ae5eb46151 100644
--- a/tgui/packages/tgui/interfaces/RIGSuit.jsx
+++ b/tgui/packages/tgui/interfaces/RIGSuit.jsx
@@ -1,4 +1,5 @@
-import { Fragment } from 'react';
+import { capitalize, toTitleCase } from 'common/string';
+
 import { useBackend } from '../backend';
 import {
   Box,
@@ -9,7 +10,6 @@ import {
   Section,
 } from '../components';
 import { Window } from '../layouts';
-import { capitalize, toTitleCase } from 'common/string';
 
 export const RIGSuit = (props) => {
   const { act, data } = useBackend();
diff --git a/tgui/packages/tgui/interfaces/Radio.jsx b/tgui/packages/tgui/interfaces/Radio.jsx
index fa889bcc555..3f0c296569c 100644
--- a/tgui/packages/tgui/interfaces/Radio.jsx
+++ b/tgui/packages/tgui/interfaces/Radio.jsx
@@ -1,4 +1,5 @@
-import { toFixed, round } from 'common/math';
+import { round, toFixed } from 'common/math';
+
 import { useBackend } from '../backend';
 import { Box, Button, LabeledList, NumberInput, Section } from '../components';
 import { RADIO_CHANNELS } from '../constants';
diff --git a/tgui/packages/tgui/interfaces/RapidPipeDispenser.jsx b/tgui/packages/tgui/interfaces/RapidPipeDispenser.jsx
index fadfc94fd54..300c89f9a89 100644
--- a/tgui/packages/tgui/interfaces/RapidPipeDispenser.jsx
+++ b/tgui/packages/tgui/interfaces/RapidPipeDispenser.jsx
@@ -1,13 +1,14 @@
 import { classes } from 'common/react';
 import { capitalize } from 'common/string';
+
 import { useBackend, useLocalState } from '../backend';
 import {
   Box,
   Button,
   ColorBox,
-  Stack,
   LabeledList,
   Section,
+  Stack,
   Tabs,
 } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/RequestConsole.jsx b/tgui/packages/tgui/interfaces/RequestConsole.jsx
index e21c2e43e29..43e2f56eb10 100644
--- a/tgui/packages/tgui/interfaces/RequestConsole.jsx
+++ b/tgui/packages/tgui/interfaces/RequestConsole.jsx
@@ -1,5 +1,5 @@
 import { decodeHtmlEntities } from 'common/string';
-import { Fragment } from 'react';
+
 import { useBackend } from '../backend';
 import { Box, Button, LabeledList, Section, Tabs } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/ResearchConsole.jsx b/tgui/packages/tgui/interfaces/ResearchConsole.jsx
index 2d048b713e8..29fe10895b9 100644
--- a/tgui/packages/tgui/interfaces/ResearchConsole.jsx
+++ b/tgui/packages/tgui/interfaces/ResearchConsole.jsx
@@ -1,19 +1,20 @@
 import { toTitleCase } from 'common/string';
 import { Fragment } from 'react';
+
 import { useBackend, useLocalState, useSharedState } from '../backend';
 import {
   Box,
   Button,
+  Divider,
   Flex,
   Icon,
+  Input,
   LabeledList,
+  NumberInput,
   ProgressBar,
   Section,
-  Tabs,
-  Input,
-  NumberInput,
   Table,
-  Divider,
+  Tabs,
 } from '../components';
 import { Window } from '../layouts';
 
@@ -564,10 +565,14 @@ const ResearchConsoleConstructor = (props) => {
         (protoTab === 1 && (
           <LabeledList>
             {(queue.length &&
-              queue.map((item) => {
+              queue.map((item, index) => {
                 if (item.index === 1) {
                   return (
-                    <LabeledList.Item label={item.name} labelColor="bad">
+                    <LabeledList.Item
+                      key={index}
+                      label={item.name}
+                      labelColor="bad"
+                    >
                       {!busy ? (
                         <Box>
                           (Awaiting Materials)
diff --git a/tgui/packages/tgui/interfaces/ResearchServerController.jsx b/tgui/packages/tgui/interfaces/ResearchServerController.jsx
index af293e6fc9a..3ef28c84b96 100644
--- a/tgui/packages/tgui/interfaces/ResearchServerController.jsx
+++ b/tgui/packages/tgui/interfaces/ResearchServerController.jsx
@@ -1,8 +1,8 @@
-import { Fragment } from 'react';
+import { filter } from 'common/collections';
+
 import { useBackend, useSharedState } from '../backend';
 import { Box, Button, LabeledList, Section, Tabs } from '../components';
 import { Window } from '../layouts';
-import { filter } from 'common/collections';
 
 export const ResearchServerController = (props) => {
   const { act, data } = useBackend();
diff --git a/tgui/packages/tgui/interfaces/ResleevingConsole.jsx b/tgui/packages/tgui/interfaces/ResleevingConsole.jsx
index e7ba8d2c67b..4fcecadc234 100644
--- a/tgui/packages/tgui/interfaces/ResleevingConsole.jsx
+++ b/tgui/packages/tgui/interfaces/ResleevingConsole.jsx
@@ -1,5 +1,5 @@
 import { round } from 'common/math';
-import { Fragment } from 'react';
+
 import { useBackend } from '../backend';
 import {
   Box,
diff --git a/tgui/packages/tgui/interfaces/ResleevingPod.jsx b/tgui/packages/tgui/interfaces/ResleevingPod.jsx
index 0cf416ba0d9..1b0027b484e 100644
--- a/tgui/packages/tgui/interfaces/ResleevingPod.jsx
+++ b/tgui/packages/tgui/interfaces/ResleevingPod.jsx
@@ -1,7 +1,6 @@
-import { Window } from '../layouts';
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import { Box, LabeledList, ProgressBar, Section } from '../components';
+import { Window } from '../layouts';
 
 export const ResleevingPod = (model) => {
   const { data } = useBackend();
diff --git a/tgui/packages/tgui/interfaces/RoboticsControlConsole.jsx b/tgui/packages/tgui/interfaces/RoboticsControlConsole.jsx
index edbd456c4dc..9c1eade5446 100644
--- a/tgui/packages/tgui/interfaces/RoboticsControlConsole.jsx
+++ b/tgui/packages/tgui/interfaces/RoboticsControlConsole.jsx
@@ -1,11 +1,10 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import {
   Box,
   Button,
   LabeledList,
-  ProgressBar,
   NoticeBox,
+  ProgressBar,
   Section,
 } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/SecurityRecords.jsx b/tgui/packages/tgui/interfaces/SecurityRecords.jsx
index 9534e4f35fc..6f63535cf3e 100644
--- a/tgui/packages/tgui/interfaces/SecurityRecords.jsx
+++ b/tgui/packages/tgui/interfaces/SecurityRecords.jsx
@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import {
   Box,
diff --git a/tgui/packages/tgui/interfaces/SeedStorage.jsx b/tgui/packages/tgui/interfaces/SeedStorage.jsx
index 8f8ec76be0e..e1408fe4ce3 100644
--- a/tgui/packages/tgui/interfaces/SeedStorage.jsx
+++ b/tgui/packages/tgui/interfaces/SeedStorage.jsx
@@ -1,8 +1,9 @@
-import { useBackend } from '../backend';
-import { Button, Flex, LabeledList, Section, Collapsible } from '../components';
-import { Window } from '../layouts';
-import { toTitleCase } from 'common/string';
 import { sortBy } from 'common/collections';
+import { toTitleCase } from 'common/string';
+
+import { useBackend } from '../backend';
+import { Button, Collapsible, Flex, LabeledList, Section } from '../components';
+import { Window } from '../layouts';
 
 export const SeedStorage = (props) => {
   const { act, data } = useBackend();
diff --git a/tgui/packages/tgui/interfaces/ShieldCapacitor.jsx b/tgui/packages/tgui/interfaces/ShieldCapacitor.jsx
index 8025cd8ffbc..b0ca11ba659 100644
--- a/tgui/packages/tgui/interfaces/ShieldCapacitor.jsx
+++ b/tgui/packages/tgui/interfaces/ShieldCapacitor.jsx
@@ -1,15 +1,16 @@
+import { round } from 'common/math';
+
 import { useBackend } from '../backend';
-import { Window } from '../layouts';
 import {
-  Button,
+  AnimatedNumber,
   Box,
-  Section,
+  Button,
   LabeledList,
   NumberInput,
-  AnimatedNumber,
+  Section,
 } from '../components';
-import { round } from 'common/math';
-import { formatSiUnit, formatPower } from '../format';
+import { formatPower, formatSiUnit } from '../format';
+import { Window } from '../layouts';
 
 export const ShieldCapacitor = (props) => {
   const { act, data } = useBackend();
diff --git a/tgui/packages/tgui/interfaces/ShieldGenerator.jsx b/tgui/packages/tgui/interfaces/ShieldGenerator.jsx
index a3479dd50e7..6ffa511d627 100644
--- a/tgui/packages/tgui/interfaces/ShieldGenerator.jsx
+++ b/tgui/packages/tgui/interfaces/ShieldGenerator.jsx
@@ -1,16 +1,16 @@
+import { round } from 'common/math';
+
 import { useBackend } from '../backend';
-import { Window } from '../layouts';
-import { Fragment } from 'react';
 import {
-  Button,
   Box,
-  Section,
+  Button,
+  Icon,
   LabeledList,
   NumberInput,
-  Icon,
+  Section,
 } from '../components';
-import { round } from 'common/math';
-import { formatSiUnit, formatPower } from '../format';
+import { formatPower, formatSiUnit } from '../format';
+import { Window } from '../layouts';
 import { FullscreenNotice } from './common/FullscreenNotice';
 
 export const ShieldGenerator = (props) => {
diff --git a/tgui/packages/tgui/interfaces/ShutoffMonitor.jsx b/tgui/packages/tgui/interfaces/ShutoffMonitor.jsx
index 59fd98f51c8..899e43f98aa 100644
--- a/tgui/packages/tgui/interfaces/ShutoffMonitor.jsx
+++ b/tgui/packages/tgui/interfaces/ShutoffMonitor.jsx
@@ -1,6 +1,6 @@
 import { useBackend } from '../backend';
-import { Window } from '../layouts';
 import { Button, Section, Table } from '../components';
+import { Window } from '../layouts';
 
 export const ShutoffMonitor = (props) => (
   <Window width={627} height={700}>
diff --git a/tgui/packages/tgui/interfaces/ShuttleControl.jsx b/tgui/packages/tgui/interfaces/ShuttleControl.jsx
index 65f9ddab9a4..4ad3271a837 100644
--- a/tgui/packages/tgui/interfaces/ShuttleControl.jsx
+++ b/tgui/packages/tgui/interfaces/ShuttleControl.jsx
@@ -1,5 +1,5 @@
 import { toTitleCase } from 'common/string';
-import { Fragment } from 'react';
+
 import { useBackend } from '../backend';
 import {
   Box,
@@ -419,11 +419,11 @@ const ShuttleControlConsoleWeb = (props) => {
       {(Object.keys(sensors).length && (
         <Section title="Sensors">
           <LabeledList>
-            {Object.keys(sensors).map((key) => {
+            {Object.keys(sensors).map((key, index) => {
               let sensor = sensors[key];
               if (sensor.reading !== -1) {
                 return (
-                  <LabeledList.Item label={key} color="bad">
+                  <LabeledList.Item key={index} label={key} color="bad">
                     Unable to get sensor air reading.
                   </LabeledList.Item>
                 );
diff --git a/tgui/packages/tgui/interfaces/Sleeper.jsx b/tgui/packages/tgui/interfaces/Sleeper.jsx
index 042137d62f0..a0466dc2aa2 100644
--- a/tgui/packages/tgui/interfaces/Sleeper.jsx
+++ b/tgui/packages/tgui/interfaces/Sleeper.jsx
@@ -1,5 +1,5 @@
 import { round } from 'common/math';
-import { Fragment } from 'react';
+
 import { useBackend } from '../backend';
 import {
   Box,
diff --git a/tgui/packages/tgui/interfaces/SmartVend.jsx b/tgui/packages/tgui/interfaces/SmartVend.jsx
index 5bb33c2439e..8bd1289fc51 100644
--- a/tgui/packages/tgui/interfaces/SmartVend.jsx
+++ b/tgui/packages/tgui/interfaces/SmartVend.jsx
@@ -1,6 +1,7 @@
 import { map } from 'common/collections';
+
 import { useBackend } from '../backend';
-import { Button, Box, NoticeBox, Section, Table } from '../components';
+import { Box, Button, NoticeBox, Section, Table } from '../components';
 import { Window } from '../layouts';
 
 export const SmartVend = (props) => {
diff --git a/tgui/packages/tgui/interfaces/Smes.jsx b/tgui/packages/tgui/interfaces/Smes.jsx
index a1fc083b586..7d2b4e890e9 100644
--- a/tgui/packages/tgui/interfaces/Smes.jsx
+++ b/tgui/packages/tgui/interfaces/Smes.jsx
@@ -1,3 +1,5 @@
+import { round } from 'common/math';
+
 import { useBackend } from '../backend';
 import {
   Box,
@@ -10,7 +12,6 @@ import {
 } from '../components';
 import { formatPower } from '../format';
 import { Window } from '../layouts';
-import { round } from 'common/math';
 
 // Common power multiplier
 const POWER_MUL = 1e3;
diff --git a/tgui/packages/tgui/interfaces/SolarControl.jsx b/tgui/packages/tgui/interfaces/SolarControl.jsx
index 2b07ffc48a8..81bfb4ab26e 100644
--- a/tgui/packages/tgui/interfaces/SolarControl.jsx
+++ b/tgui/packages/tgui/interfaces/SolarControl.jsx
@@ -1,3 +1,5 @@
+import { round } from 'common/math';
+
 import { useBackend } from '../backend';
 import {
   Box,
@@ -9,7 +11,6 @@ import {
   Section,
 } from '../components';
 import { Window } from '../layouts';
-import { round } from 'common/math';
 
 export const SolarControl = (props) => {
   const { act, data } = useBackend();
diff --git a/tgui/packages/tgui/interfaces/Stack.jsx b/tgui/packages/tgui/interfaces/Stack.jsx
index 4e5084f7bed..e2ded92f8ac 100644
--- a/tgui/packages/tgui/interfaces/Stack.jsx
+++ b/tgui/packages/tgui/interfaces/Stack.jsx
@@ -1,5 +1,5 @@
 import { useBackend } from '../backend';
-import { Box, Button, Section, Collapsible, Table } from '../components';
+import { Box, Button, Collapsible, Section, Table } from '../components';
 import { Window } from '../layouts';
 
 export const Stack = (props) => {
@@ -34,7 +34,7 @@ const RecipeList = (props) => {
 
   // let newSortedKeys = nonCategories.concat(categories);
 
-  return sortedKeys.map((title) => {
+  return sortedKeys.map((title, index) => {
     // if (title === "--DIVIDER--") {
     //   return (
     //     <Box mt={1} mb={1}>
@@ -45,14 +45,14 @@ const RecipeList = (props) => {
     let recipe = recipes[title];
     if (recipe.ref === undefined) {
       return (
-        <Collapsible ml={1} mb={-0.7} color="label" title={title}>
+        <Collapsible key={index} ml={1} mb={-0.7} color="label" title={title}>
           <Box ml={1}>
             <RecipeList recipes={recipe} />
           </Box>
         </Collapsible>
       );
     } else {
-      return <Recipe title={title} recipe={recipe} />;
+      return <Recipe key={index} title={title} recipe={recipe} />;
     }
   });
 };
diff --git a/tgui/packages/tgui/interfaces/StationAlertConsole.jsx b/tgui/packages/tgui/interfaces/StationAlertConsole.jsx
index 9b98578d1d9..4b7b3b0c3fc 100644
--- a/tgui/packages/tgui/interfaces/StationAlertConsole.jsx
+++ b/tgui/packages/tgui/interfaces/StationAlertConsole.jsx
@@ -1,5 +1,5 @@
 import { useBackend } from '../backend';
-import { Section, Button, Box } from '../components';
+import { Box, Button, Section } from '../components';
 import { Window } from '../layouts';
 
 export const StationAlertConsole = () => {
diff --git a/tgui/packages/tgui/interfaces/StationBlueprints.jsx b/tgui/packages/tgui/interfaces/StationBlueprints.jsx
index f637a80b0ea..53bae488de5 100644
--- a/tgui/packages/tgui/interfaces/StationBlueprints.jsx
+++ b/tgui/packages/tgui/interfaces/StationBlueprints.jsx
@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import { ByondUi } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/SuitCycler.jsx b/tgui/packages/tgui/interfaces/SuitCycler.jsx
index 096bdb3ab2d..b1f33c8648d 100644
--- a/tgui/packages/tgui/interfaces/SuitCycler.jsx
+++ b/tgui/packages/tgui/interfaces/SuitCycler.jsx
@@ -1,12 +1,11 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import {
   Box,
   Button,
   Dropdown,
-  NumberInput,
   LabeledList,
   NoticeBox,
+  NumberInput,
   Section,
 } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/SuitStorageUnit.jsx b/tgui/packages/tgui/interfaces/SuitStorageUnit.jsx
index 5149ddfb2c0..df060f0fd23 100644
--- a/tgui/packages/tgui/interfaces/SuitStorageUnit.jsx
+++ b/tgui/packages/tgui/interfaces/SuitStorageUnit.jsx
@@ -1,14 +1,13 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import {
   Box,
   Button,
+  Flex,
   Icon,
-  LabeledList,
   Knob,
+  LabeledList,
   NoticeBox,
   Section,
-  Flex,
 } from '../components';
 import { Window } from '../layouts';
 
diff --git a/tgui/packages/tgui/interfaces/SupermatterMonitor.jsx b/tgui/packages/tgui/interfaces/SupermatterMonitor.jsx
index c69a4320261..de57c3188a1 100644
--- a/tgui/packages/tgui/interfaces/SupermatterMonitor.jsx
+++ b/tgui/packages/tgui/interfaces/SupermatterMonitor.jsx
@@ -1,16 +1,17 @@
+import { round } from 'common/math';
+import { toTitleCase } from 'common/string';
+
 import { useBackend } from '../backend';
 import {
+  AnimatedNumber,
   Box,
   Button,
+  Flex,
   LabeledList,
   ProgressBar,
   Section,
-  Flex,
-  AnimatedNumber,
 } from '../components';
 import { Window } from '../layouts';
-import { round } from 'common/math';
-import { toTitleCase } from 'common/string';
 
 // As of 2020-08-06 this isn't actually ever used, but it needs to exist because that's what tgui_modules expect
 export const SupermatterMonitor = (props) => (
diff --git a/tgui/packages/tgui/interfaces/TEGenerator.jsx b/tgui/packages/tgui/interfaces/TEGenerator.jsx
index 31499c94c42..1212d4c5a9b 100644
--- a/tgui/packages/tgui/interfaces/TEGenerator.jsx
+++ b/tgui/packages/tgui/interfaces/TEGenerator.jsx
@@ -1,8 +1,9 @@
 import { round } from 'common/math';
+
 import { useBackend } from '../backend';
 import { Box, Flex, LabeledList, ProgressBar, Section } from '../components';
+import { formatPower, formatSiUnit } from '../format';
 import { Window } from '../layouts';
-import { formatSiUnit, formatPower } from '../format';
 
 export const TEGenerator = (props) => {
   const { data } = useBackend();
diff --git a/tgui/packages/tgui/interfaces/TelecommsLogBrowser.jsx b/tgui/packages/tgui/interfaces/TelecommsLogBrowser.jsx
index aac2103f679..80496c79cf4 100644
--- a/tgui/packages/tgui/interfaces/TelecommsLogBrowser.jsx
+++ b/tgui/packages/tgui/interfaces/TelecommsLogBrowser.jsx
@@ -1,12 +1,12 @@
 import { round } from 'common/math';
-import { Fragment } from 'react';
+
 import { useBackend } from '../backend';
 import {
   Box,
   Button,
   Flex,
-  NoticeBox,
   LabeledList,
+  NoticeBox,
   Section,
 } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/TelecommsMachineBrowser.jsx b/tgui/packages/tgui/interfaces/TelecommsMachineBrowser.jsx
index 58f629d9ca8..67867f26612 100644
--- a/tgui/packages/tgui/interfaces/TelecommsMachineBrowser.jsx
+++ b/tgui/packages/tgui/interfaces/TelecommsMachineBrowser.jsx
@@ -1,6 +1,5 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
-import { Box, Button, NoticeBox, LabeledList, Section } from '../components';
+import { Box, Button, LabeledList, NoticeBox, Section } from '../components';
 import { Window } from '../layouts';
 
 export const TelecommsMachineBrowser = (props) => {
diff --git a/tgui/packages/tgui/interfaces/TelecommsMultitoolMenu.jsx b/tgui/packages/tgui/interfaces/TelecommsMultitoolMenu.jsx
index dbb7a8dbec4..066a240d1be 100644
--- a/tgui/packages/tgui/interfaces/TelecommsMultitoolMenu.jsx
+++ b/tgui/packages/tgui/interfaces/TelecommsMultitoolMenu.jsx
@@ -1,8 +1,7 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
-import { Box, Button, LabeledList, Section, NumberInput } from '../components';
-import { TemporaryNotice } from './common/TemporaryNotice';
+import { Box, Button, LabeledList, NumberInput, Section } from '../components';
 import { Window } from '../layouts';
+import { TemporaryNotice } from './common/TemporaryNotice';
 
 export const TelecommsMultitoolMenu = (props) => {
   const { act, data } = useBackend();
diff --git a/tgui/packages/tgui/interfaces/TelesciConsole.jsx b/tgui/packages/tgui/interfaces/TelesciConsole.jsx
index 44f0c44e92f..f0d8ce586b9 100644
--- a/tgui/packages/tgui/interfaces/TelesciConsole.jsx
+++ b/tgui/packages/tgui/interfaces/TelesciConsole.jsx
@@ -1,4 +1,5 @@
 import { sortBy } from 'common/collections';
+
 import { useBackend } from '../backend';
 import {
   AnimatedNumber,
diff --git a/tgui/packages/tgui/interfaces/TimeClock.jsx b/tgui/packages/tgui/interfaces/TimeClock.jsx
index 51a49a4ea0b..eaed24b90d0 100644
--- a/tgui/packages/tgui/interfaces/TimeClock.jsx
+++ b/tgui/packages/tgui/interfaces/TimeClock.jsx
@@ -1,13 +1,13 @@
 import { toFixed } from 'common/math';
-import { Fragment } from 'react';
+
 import { useBackend } from '../backend';
 import {
   Box,
   Button,
   Flex,
   LabeledList,
-  Section,
   NoticeBox,
+  Section,
 } from '../components';
 import { Window } from '../layouts';
 import { RankIcon } from './common/RankIcon';
diff --git a/tgui/packages/tgui/interfaces/TurbineControl.jsx b/tgui/packages/tgui/interfaces/TurbineControl.jsx
index 8594610df7d..aaa5f399b69 100644
--- a/tgui/packages/tgui/interfaces/TurbineControl.jsx
+++ b/tgui/packages/tgui/interfaces/TurbineControl.jsx
@@ -1,4 +1,3 @@
-import { formatPower } from '../format';
 import { useBackend } from '../backend';
 import {
   AnimatedNumber,
@@ -7,6 +6,7 @@ import {
   LabeledList,
   Section,
 } from '../components';
+import { formatPower } from '../format';
 import { Window } from '../layouts';
 
 export const TurbineControl = (props) => {
diff --git a/tgui/packages/tgui/interfaces/Turbolift.jsx b/tgui/packages/tgui/interfaces/Turbolift.jsx
index bfa146a92ce..5c1aec27b07 100644
--- a/tgui/packages/tgui/interfaces/Turbolift.jsx
+++ b/tgui/packages/tgui/interfaces/Turbolift.jsx
@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import { Button, Flex, Section } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/Vending.jsx b/tgui/packages/tgui/interfaces/Vending.jsx
index 5cb0b5979ca..6947330ecff 100644
--- a/tgui/packages/tgui/interfaces/Vending.jsx
+++ b/tgui/packages/tgui/interfaces/Vending.jsx
@@ -1,5 +1,5 @@
 import { classes } from 'common/react';
-import { Fragment } from 'react';
+
 import { useBackend } from '../backend';
 import { Box, Button, Section, Table, Tooltip } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/VorePanel.jsx b/tgui/packages/tgui/interfaces/VorePanel.jsx
index 6058956f166..f8e84e839ec 100644
--- a/tgui/packages/tgui/interfaces/VorePanel.jsx
+++ b/tgui/packages/tgui/interfaces/VorePanel.jsx
@@ -1,20 +1,20 @@
+import { classes } from 'common/react';
 import { capitalize } from 'common/string';
-import { Fragment } from 'react';
+
 import { useBackend, useLocalState } from '../backend';
 import {
   Box,
   Button,
-  Flex,
   Collapsible,
+  Divider,
+  Flex,
   Icon,
   LabeledList,
   NoticeBox,
   Section,
   Tabs,
-  Divider,
 } from '../components';
 import { Window } from '../layouts';
-import { classes } from 'common/react';
 
 const stats = [null, 'average', 'bad'];
 
@@ -1155,8 +1155,8 @@ const VoreSelectedBellyVisuals = (props) => {
           >
             Disabled
           </Button>
-          {Object.keys(possible_fullscreens).map((key) => (
-            <span style={{ width: '256px' }}>
+          {Object.keys(possible_fullscreens).map((key, index) => (
+            <span key={index} style={{ width: '256px' }}>
               <Button
                 key={key}
                 width="256px"
diff --git a/tgui/packages/tgui/interfaces/Wires.jsx b/tgui/packages/tgui/interfaces/Wires.jsx
index 5c82b109b05..11160712d7d 100644
--- a/tgui/packages/tgui/interfaces/Wires.jsx
+++ b/tgui/packages/tgui/interfaces/Wires.jsx
@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import { useBackend } from '../backend';
 import { Box, Button, LabeledList, Section } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/XenoarchSpectrometer.jsx b/tgui/packages/tgui/interfaces/XenoarchSpectrometer.jsx
index 74feafb865d..73e7f607424 100644
--- a/tgui/packages/tgui/interfaces/XenoarchSpectrometer.jsx
+++ b/tgui/packages/tgui/interfaces/XenoarchSpectrometer.jsx
@@ -1,16 +1,16 @@
-import { Fragment } from 'react';
+import { decodeHtmlEntities } from 'common/string';
+
 import { useBackend } from '../backend';
 import {
   Box,
   Button,
   LabeledList,
+  NoticeBox,
   ProgressBar,
   Section,
-  NoticeBox,
   Slider,
 } from '../components';
 import { Window } from '../layouts';
-import { decodeHtmlEntities } from 'common/string';
 
 export const XenoarchSpectrometer = (props) => {
   const { act, data } = useBackend();
diff --git a/tgui/packages/tgui/interfaces/XenoarchSuspension.tsx b/tgui/packages/tgui/interfaces/XenoarchSuspension.tsx
index 1c78fe56d3d..51ee2445138 100644
--- a/tgui/packages/tgui/interfaces/XenoarchSuspension.tsx
+++ b/tgui/packages/tgui/interfaces/XenoarchSuspension.tsx
@@ -1,5 +1,4 @@
 import { BooleanLike } from 'common/react';
-import { Fragment } from 'react';
 
 import { useBackend } from '../backend';
 import { Box, Button, LabeledList, ProgressBar, Section } from '../components';
diff --git a/tgui/packages/tgui/interfaces/common/AtmosControls.jsx b/tgui/packages/tgui/interfaces/common/AtmosControls.jsx
index 94f18ba165d..c0ad477582f 100644
--- a/tgui/packages/tgui/interfaces/common/AtmosControls.jsx
+++ b/tgui/packages/tgui/interfaces/common/AtmosControls.jsx
@@ -1,4 +1,5 @@
 import { decodeHtmlEntities } from 'common/string';
+
 import { useBackend } from '../../backend';
 import { Button, LabeledList, NumberInput, Section } from '../../components';
 
diff --git a/tgui/packages/tgui/interfaces/common/Mining.jsx b/tgui/packages/tgui/interfaces/common/Mining.jsx
index 3bd34e8c3e2..d5737575101 100644
--- a/tgui/packages/tgui/interfaces/common/Mining.jsx
+++ b/tgui/packages/tgui/interfaces/common/Mining.jsx
@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import { useBackend } from '../../backend';
 import { Box, Button, NoticeBox } from '../../components';
 
diff --git a/tgui/packages/tgui/interfaces/common/Overmap.jsx b/tgui/packages/tgui/interfaces/common/Overmap.jsx
index 21b639a7b94..6d597d99eb4 100644
--- a/tgui/packages/tgui/interfaces/common/Overmap.jsx
+++ b/tgui/packages/tgui/interfaces/common/Overmap.jsx
@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import { useBackend } from '../../backend';
 import { Box, Button, LabeledList } from '../../components';
 
diff --git a/tgui/packages/tgui/interfaces/common/PortableAtmos.jsx b/tgui/packages/tgui/interfaces/common/PortableAtmos.jsx
index 700ba098243..13052be09af 100644
--- a/tgui/packages/tgui/interfaces/common/PortableAtmos.jsx
+++ b/tgui/packages/tgui/interfaces/common/PortableAtmos.jsx
@@ -1,12 +1,11 @@
 import { useBackend } from '../../backend';
-import { Fragment } from 'react';
 import {
-  Box,
-  Section,
-  LabeledList,
-  Button,
   AnimatedNumber,
+  Box,
+  Button,
+  LabeledList,
   ProgressBar,
+  Section,
 } from '../../components';
 
 export const PortableBasicInfo = (props) => {
diff --git a/tgui/packages/tgui/interfaces/common/TemporaryNotice.jsx b/tgui/packages/tgui/interfaces/common/TemporaryNotice.jsx
index 361ac4bd7b5..e67e7dde619 100644
--- a/tgui/packages/tgui/interfaces/common/TemporaryNotice.jsx
+++ b/tgui/packages/tgui/interfaces/common/TemporaryNotice.jsx
@@ -1,4 +1,5 @@
 import { decodeHtmlEntities } from 'common/string';
+
 import { useBackend } from '../../backend';
 import { Box, Button, NoticeBox } from '../../components';
 
diff --git a/tgui/packages/tgui/interfaces/pAIAtmos.jsx b/tgui/packages/tgui/interfaces/pAIAtmos.jsx
index a0a827533c2..ec2edb7f40f 100644
--- a/tgui/packages/tgui/interfaces/pAIAtmos.jsx
+++ b/tgui/packages/tgui/interfaces/pAIAtmos.jsx
@@ -1,5 +1,6 @@
 import { filter } from 'common/collections';
 import { decodeHtmlEntities } from 'common/string';
+
 import { useBackend } from '../backend';
 import { LabeledList, Section } from '../components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/pda/pda_atmos_scan.jsx b/tgui/packages/tgui/interfaces/pda/pda_atmos_scan.jsx
index db150e2083c..30bcafcfe18 100644
--- a/tgui/packages/tgui/interfaces/pda/pda_atmos_scan.jsx
+++ b/tgui/packages/tgui/interfaces/pda/pda_atmos_scan.jsx
@@ -1,5 +1,6 @@
 import { filter } from 'common/collections';
 import { decodeHtmlEntities } from 'common/string';
+
 import { useBackend } from '../../backend';
 import { Box, LabeledList } from '../../components';
 
diff --git a/tgui/packages/tgui/interfaces/pda/pda_main_menu.jsx b/tgui/packages/tgui/interfaces/pda/pda_main_menu.jsx
index ba981a9ea8c..3c6d4e58648 100644
--- a/tgui/packages/tgui/interfaces/pda/pda_main_menu.jsx
+++ b/tgui/packages/tgui/interfaces/pda/pda_main_menu.jsx
@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import { useBackend } from '../../backend';
 import { Box, Button, LabeledList, Section } from '../../components';
 
diff --git a/tgui/packages/tgui/interfaces/pda/pda_news.jsx b/tgui/packages/tgui/interfaces/pda/pda_news.jsx
index cf2a889afd1..2119ba7a83d 100644
--- a/tgui/packages/tgui/interfaces/pda/pda_news.jsx
+++ b/tgui/packages/tgui/interfaces/pda/pda_news.jsx
@@ -1,5 +1,5 @@
 import { decodeHtmlEntities } from 'common/string';
-import { Fragment } from 'react';
+
 import { useBackend } from '../../backend';
 import { Box, Button, Section } from '../../components';
 
diff --git a/tgui/packages/tgui/layouts/Layout.jsx b/tgui/packages/tgui/layouts/Layout.jsx
index 40c25bfc383..59f7c943b87 100644
--- a/tgui/packages/tgui/layouts/Layout.jsx
+++ b/tgui/packages/tgui/layouts/Layout.jsx
@@ -5,6 +5,7 @@
  */
 
 import { classes } from 'common/react';
+
 import { computeBoxClassName, computeBoxProps } from '../components/Box';
 import { addScrollableNode, removeScrollableNode } from '../events';
 
diff --git a/tgui/packages/tgui/layouts/Pane.jsx b/tgui/packages/tgui/layouts/Pane.jsx
index 539574b9745..1f38df5c99d 100644
--- a/tgui/packages/tgui/layouts/Pane.jsx
+++ b/tgui/packages/tgui/layouts/Pane.jsx
@@ -5,6 +5,7 @@
  */
 
 import { classes } from 'common/react';
+
 import { useBackend } from '../backend';
 import { Box } from '../components';
 import { Layout } from './Layout';