Fixed table items losing order when action is executed

frontend/src/pages/System/Announcements/table.tsx

@@ -19,7 +19,7 @@ const Table: FunctionComponent<Props> = ({ announcements }) => {
     () => [
       {
         header: "Since",
-        accessor: "timestamp",
+        accessorKey: "timestamp",
         cell: ({
           row: {
             original: { timestamp },
@@ -30,7 +30,7 @@ const Table: FunctionComponent<Props> = ({ announcements }) => {
       },
       {
         header: "Announcement",
-        accessor: "text",
+        accessorKey: "text",
         cell: ({
           row: {
             original: { text },
@@ -41,7 +41,7 @@ const Table: FunctionComponent<Props> = ({ announcements }) => {
       },
       {
         header: "More Info",
-        accessor: "link",
+        accessorKey: "link",
         cell: ({
           row: {
             original: { link },
@@ -56,7 +56,7 @@ const Table: FunctionComponent<Props> = ({ announcements }) => {
       },
       {
         header: "Dismiss",
-        accessor: "hash",
+        accessorKey: "hash",
         cell: ({
           row: {
             original: { dismissible, hash },

frontend/src/pages/System/Tasks/table.tsx

@@ -17,7 +17,7 @@ const Table: FunctionComponent<Props> = ({ tasks }) => {
     () => [
       {
         header: "Name",
-        accessor: "name",
+        accessorKey: "name",
         cell: ({
           row: {
             original: { name },
@@ -28,7 +28,7 @@ const Table: FunctionComponent<Props> = ({ tasks }) => {
       },
       {
         header: "Interval",
-        accessor: "interval",
+        accessorKey: "interval",
         cell: ({
           row: {
             original: { interval },
@@ -39,11 +39,11 @@ const Table: FunctionComponent<Props> = ({ tasks }) => {
       },
       {
         header: "Next Execution",
-        accessor: "next_run_in",
+        accessorKey: "next_run_in",
       },
       {
         header: "Run",
-        accessor: "job_running",
+        accessorKey: "job_running",
         cell: ({
           row: {
             original: { job_id: jobId, job_running: jobRunning },

frontend/src/pages/Wanted/Movies/index.tsx

@@ -21,7 +21,7 @@ const WantedMoviesView: FunctionComponent = () => {
     () => [
       {
         header: "Name",
-        accessor: "title",
+        accessorKey: "title",
         cell: ({
           row: {
             original: { title, radarrId },
@@ -37,7 +37,7 @@ const WantedMoviesView: FunctionComponent = () => {
       },
       {
         header: "Missing",
-        accessor: "missing_subtitles",
+        accessorKey: "missing_subtitles",
         cell: ({
           row: {
             original: { radarrId, missing_subtitles: missingSubtitles },