[EDR Workflows] Proper undefined routeState handling (#181432)

#181261

Check if `routeState` is defined before accessing it's properties in
`useCallback` dependency list.

With changes:


https://github.com/elastic/kibana/assets/29123534/4561c5d6-e354-4e0b-ac8a-dd231a26d722

Cypress tests when no undefined check is performed (application throws):
![Screenshot 2024-04-23 at 14 46
37](https://github.com/elastic/kibana/assets/29123534/ed7817dc-f11c-4f5e-bdf3-c6ee9f4c8ea6)

x-pack/plugins/security_solution/public/management/cypress/e2e/artifacts/artifact_tabs_in_policy_details.cy.ts

@@ -56,6 +56,10 @@ const getRoleWithoutArtifactPrivilege = (privilegePrefix: string) => {
 
 const visitArtifactTab = (tabId: string) => {
   visitPolicyDetailsPage();
+  clickArtifactTab(tabId);
+};
+
+const clickArtifactTab = (tabId: string) => {
   cy.get(`#${tabId}`).click();
 };
 
@@ -135,6 +139,8 @@ describe('Artifact tabs in Policy Details page', { tags: ['@ess', '@serverless']
 
           cy.getByTestSubj('backToOrigin').click();
           cy.getByTestSubj('policyDetailsPage').should('exist');
+          clickArtifactTab(testData.nextTabId); // Make sure the next tab is accessible and backLink doesn't throw errors
+          cy.getByTestSubj('policyDetailsPage');
         });
       });
 

x-pack/plugins/security_solution/public/management/cypress/fixtures/artifacts_page.ts

@@ -21,6 +21,7 @@ interface ArtifactsFixtureType {
   title: string;
   pagePrefix: string;
   tabId: string;
+  nextTabId: string;
   artifactName: string;
   privilegePrefix: string;
   urlPath: string;
@@ -46,6 +47,7 @@ export const getArtifactsListTestsData = (): ArtifactsFixtureType[] => [
     title: 'Trusted applications',
     pagePrefix: 'trustedAppsListPage',
     tabId: 'trustedApps',
+    nextTabId: 'eventFilters',
     artifactName: 'Trusted application name',
     privilegePrefix: 'trusted_applications_',
     create: {
@@ -142,7 +144,6 @@ export const getArtifactsListTestsData = (): ArtifactsFixtureType[] => [
     },
     urlPath: 'trusted_apps',
     emptyState: 'trustedAppsListPage-emptyState',
-
     createRequestBody: {
       list_id: ENDPOINT_ARTIFACT_LISTS.trustedApps.id,
       entries: [
@@ -172,6 +173,7 @@ export const getArtifactsListTestsData = (): ArtifactsFixtureType[] => [
     title: 'Event Filters',
     pagePrefix: 'EventFiltersListPage',
     tabId: 'eventFilters',
+    nextTabId: 'blocklists',
     artifactName: 'Event filter name',
     privilegePrefix: 'event_filters_',
     create: {
@@ -274,7 +276,6 @@ export const getArtifactsListTestsData = (): ArtifactsFixtureType[] => [
     },
     urlPath: 'event_filters',
     emptyState: 'EventFiltersListPage-emptyState',
-
     createRequestBody: {
       list_id: ENDPOINT_ARTIFACT_LISTS.eventFilters.id,
       entries: [
@@ -292,6 +293,7 @@ export const getArtifactsListTestsData = (): ArtifactsFixtureType[] => [
     title: 'Blocklist',
     pagePrefix: 'blocklistPage',
     tabId: 'blocklists',
+    nextTabId: 'hostIsolationExceptions',
     artifactName: 'Blocklist name',
     privilegePrefix: 'blocklist_',
     create: {
@@ -397,7 +399,6 @@ export const getArtifactsListTestsData = (): ArtifactsFixtureType[] => [
     },
     urlPath: 'blocklist',
     emptyState: 'blocklistPage-emptyState',
-
     createRequestBody: {
       list_id: ENDPOINT_ARTIFACT_LISTS.blocklists.id,
       entries: [
@@ -421,6 +422,7 @@ export const getArtifactsListTestsData = (): ArtifactsFixtureType[] => [
     title: 'Host isolation exceptions',
     pagePrefix: 'hostIsolationExceptionsListPage',
     tabId: 'hostIsolationExceptions',
+    nextTabId: 'trustedApps',
     artifactName: 'Host Isolation exception name',
     privilegePrefix: 'host_isolation_exceptions_',
     create: {
@@ -499,7 +501,6 @@ export const getArtifactsListTestsData = (): ArtifactsFixtureType[] => [
     },
     urlPath: 'host_isolation_exceptions',
     emptyState: 'hostIsolationExceptionsListPage-emptyState',
-
     createRequestBody: {
       list_id: ENDPOINT_ARTIFACT_LISTS.hostIsolationExceptions.id,
       entries: [

x-pack/plugins/security_solution/public/management/pages/policy/view/tabs/policy_tabs.tsx

@@ -457,7 +457,7 @@ export const PolicyTabs = React.memo(() => {
       cancelUnsavedChangesModal,
       history,
       policyId,
-      routeState.backLink,
+      routeState?.backLink,
       unsavedChangesModal.showModal,
     ]
   );