Added SSR

components/home/FactorySelect/FactorySelect.tsx

@@ -1,4 +1,4 @@
-import {FC, memo, useEffect, useState} from "react";
+import {FC, memo, useEffect, useMemo, useState} from "react";
 import Select from "react-select";
 import {isNonNullable} from "../../../src/utils";
 import details from "../../../res/details.json";
@@ -17,11 +17,10 @@ const options = details.map(detail => ({
 }))
 
 const FactorySelectBase: FC<Props> = ({id, factories, onSetFactories}) => {
-  const [state, setState] = useState<typeof options>([])
-  useEffect(() => {
-    setState(factories
+  const state = useMemo<typeof options>(() => {
+    return factories
       .map(factory => options.find(option => option.value === factory))
-      .filter(isNonNullable))
+      .filter(isNonNullable)
   }, [factories])
 
   return <Select
@@ -38,7 +37,6 @@ const FactorySelectBase: FC<Props> = ({id, factories, onSetFactories}) => {
     isMulti
     options={options as never}
     onChange={e => {
-      setState(e as typeof options)
       onSetFactories(e.map(s => s?.value))
     }}
     className={styles.select}