chore(deps): bump react-use from 14.2.0 to 15.3.3

This is a copy of #1731 with fixes

packages/app/package.json

@@ -31,7 +31,7 @@
     "react-hot-loader": "^4.12.21",
     "react-router": "6.0.0-beta.0",
     "react-router-dom": "6.0.0-beta.0",
-    "react-use": "^14.2.0",
+    "react-use": "^15.3.3",
     "zen-observable": "^0.8.15"
   },
   "devDependencies": {

packages/cli/templates/default-plugin/package.json.hbs

@@ -28,7 +28,7 @@
     "@material-ui/lab": "4.0.0-alpha.45",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
-    "react-use": "^14.2.0"
+    "react-use": "^15.3.3"
   },
   "devDependencies": {
     "@backstage/cli": "^{{version}}",

packages/core-api/package.json

@@ -37,7 +37,7 @@
     "prop-types": "^15.7.2",
     "react": "^16.12.0",
     "react-router-dom": "6.0.0-beta.0",
-    "react-use": "^14.2.0",
+    "react-use": "^15.3.3",
     "zen-observable": "^0.8.15"
   },
   "devDependencies": {

packages/core/package.json

@@ -51,7 +51,7 @@
     "react-router-dom": "6.0.0-beta.0",
     "react-sparklines": "^1.7.0",
     "react-syntax-highlighter": "^12.2.1",
-    "react-use": "^14.2.0"
+    "react-use": "^15.3.3"
   },
   "devDependencies": {
     "@backstage/cli": "^0.1.1-alpha.16",

packages/core/src/layout/Sidebar/Intro.tsx

@@ -129,19 +129,27 @@ const recentlyViewedIntroText =
 
 export const SidebarIntro: FC = () => {
   const { isOpen } = useContext(SidebarContext);
-  const [
-    { starredItemsDismissed, recentlyViewedItemsDismissed },
-    setDismissedIntro,
-  ] = useLocalStorage<SidebarIntroLocalStorage>(SIDEBAR_INTRO_LOCAL_STORAGE, {
+  const defaultValue = {
     starredItemsDismissed: false,
     recentlyViewedItemsDismissed: false,
-  });
+  };
+  const [dismissedIntro, setDismissedIntro] = useLocalStorage<
+    SidebarIntroLocalStorage
+  >(SIDEBAR_INTRO_LOCAL_STORAGE);
+
+  const { starredItemsDismissed, recentlyViewedItemsDismissed } =
+    dismissedIntro ?? {};
 
   const dismissStarred = () => {
-    setDismissedIntro(state => ({ ...state, starredItemsDismissed: true }));
+    setDismissedIntro(state => ({
+      ...defaultValue,
+      ...state,
+      starredItemsDismissed: true,
+    }));
   };
   const dismissRecentlyViewed = () => {
     setDismissedIntro(state => ({
+      ...defaultValue,
       ...state,
       recentlyViewedItemsDismissed: true,
     }));

packages/create-app/templates/default-app/packages/app/package.json.hbs

@@ -16,7 +16,7 @@
     "react-dom": "^16.13.1",
     "react-router": "6.0.0-beta.0",
     "react-router-dom": "6.0.0-beta.0",
-    "react-use": "^14.2.0"
+    "react-use": "^15.3.3"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.10.1",

packages/create-app/templates/default-app/plugins/welcome/package.json.hbs

@@ -25,7 +25,7 @@
     "@material-ui/icons": "^4.9.1",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
-    "react-use": "^14.2.0",
+    "react-use": "^15.3.3",
     "react-router-dom": "6.0.0-beta.0"
   },
   "devDependencies": {