update inventory and host routes to being child-based instead of render prop based

awx/ui_next/src/screens/Host/HostGroups/HostGroupsList.test.jsx

@@ -90,10 +90,9 @@ describe('<HostGroupsList />', () => {
     });
     await act(async () => {
       wrapper = mountWithContexts(
-        <Route
+        <Route path="/hosts/:id/groups">
-          path="/hosts/:id/groups"
+          <HostGroupsList host={host} />
-          component={() => <HostGroupsList host={host} />}
+        </Route>,
-        />,
         {
           context: {
             router: { history, route: { location: history.location } },

awx/ui_next/src/screens/Inventory/InventoryGroup/InventoryGroup.test.jsx

@@ -43,12 +43,9 @@ describe('<InventoryGroup />', () => {
     });
     await act(async () => {
       wrapper = mountWithContexts(
-        <Route
+        <Route path="/inventories/inventory/:id/groups">
-          path="/inventories/inventory/:id/groups"
+          <InventoryGroup setBreadcrumb={() => {}} inventory={inventory} />
-          component={() => (
+        </Route>,
-            <InventoryGroup setBreadcrumb={() => {}} inventory={inventory} />
-          )}
-        />,
         { context: { router: { history } } }
       );
     });

awx/ui_next/src/screens/Inventory/InventoryGroupAdd/InventoryGroupAdd.test.jsx

@@ -19,10 +19,9 @@ describe('<InventoryGroupAdd />', () => {
     });
     await act(async () => {
       wrapper = mountWithContexts(
-        <Route
+        <Route path="/inventories/inventory/:id/groups/add">
-          path="/inventories/inventory/:id/groups/add"
+          <InventoryGroupAdd />
-          component={() => <InventoryGroupAdd />}
+        </Route>,
-        />,
         {
           context: {
             router: { history, route: { location: history.location } },

awx/ui_next/src/screens/Inventory/InventoryGroupDetail/InventoryGroupDetail.test.jsx

@@ -36,12 +36,9 @@ describe('<InventoryGroupDetail />', () => {
         initialEntries: ['/inventories/inventory/1/groups/1/details'],
       });
       wrapper = mountWithContexts(
-        <Route
+        <Route path="/inventories/inventory/:id/groups/:groupId">
-          path="/inventories/inventory/:id/groups/:groupId"
+          <InventoryGroupDetail inventoryGroup={inventoryGroup} />
-          component={() => (
+        </Route>,
-            <InventoryGroupDetail inventoryGroup={inventoryGroup} />
-          )}
-        />,
         {
           context: {
             router: {

awx/ui_next/src/screens/Inventory/InventoryGroupEdit/InventoryGroupEdit.test.jsx

@@ -24,10 +24,9 @@ describe('<InventoryGroupEdit />', () => {
     });
     await act(async () => {
       wrapper = mountWithContexts(
-        <Route
+        <Route path="/inventories/inventory/:id/groups/:groupId/edit">
-          path="/inventories/inventory/:id/groups/:groupId/edit"
+          <InventoryGroupEdit inventoryGroup={{ id: 2 }} />
-          component={() => <InventoryGroupEdit inventoryGroup={{ id: 2 }} />}
+        </Route>,
-        />,
         {
           context: {
             router: {

awx/ui_next/src/screens/Inventory/InventoryGroups/InventoryGroupsList.test.jsx

@@ -73,10 +73,9 @@ describe('<InventoryGroupsList />', () => {
     });
     await act(async () => {
       wrapper = mountWithContexts(
-        <Route
+        <Route path="/inventories/inventory/:id/groups">
-          path="/inventories/inventory/:id/groups"
+          <InventoryGroupsList />
-          component={() => <InventoryGroupsList />}
+        </Route>,
-        />,
         {
           context: {
             router: { history, route: { location: history.location } },

awx/ui_next/src/screens/Inventory/InventoryHostGroups/InventoryHostGroupsList.test.jsx

@@ -82,10 +82,9 @@ describe('<InventoryHostGroupsList />', () => {
     });
     await act(async () => {
       wrapper = mountWithContexts(
-        <Route
+        <Route path="/inventories/inventory/:id/hosts/:hostId/groups">
-          path="/inventories/inventory/:id/hosts/:hostId/groups"
+          <InventoryHostGroupsList />
-          component={() => <InventoryHostGroupsList />}
+        </Route>,
-        />,
         {
           context: {
             router: { history, route: { location: history.location } },