Calculation/InsuranceTable: separate observer components

Components/Calculation/Form/Insurance/InsuranceTable/index.jsx

@@ -28,27 +28,31 @@ const Validation = observer(() => {
   return null;
 });
 
-function InsuranceTable() {
+const InsuranceTable = observer(() => {
   const store = useStore();
 
   const { values } = store.$tables.insurance;
 
+  return (
+    <TableWrapper>
+      <Table
+        size="small"
+        pagination={false}
+        columns={columns}
+        dataSource={values}
+        scroll={{
+          x: true,
+        }}
+      />
+    </TableWrapper>
+  );
+});
+
+export default function () {
   return (
     <Grid>
-      <TableWrapper>
-        <Table
-          size="small"
-          pagination={false}
-          columns={columns}
-          dataSource={values}
-          scroll={{
-            x: true,
-          }}
-        />
-      </TableWrapper>
+      <InsuranceTable />
       <Validation />
     </Grid>
   );
 }
-
-export default InsuranceTable;