reactjs - "Or" operator not working on window.location.pathname

Question

GOAL: Don't show Navigation component when the pathname includes either /create-page or add-block

Currently, the Navigation shows on both pages

<Route
            path={[
              "/affiliate-code",
              "/dashboard",
              "/editor",
              "/locked",
              "/saved",
              "/notifications",
              "/:id",
              "/",
            ]}
            component={() =>
              window.location.pathname != ("/create-page" || "/add-block") && (
                <Navigation
                  key={window.location.pathname}
                  newNotification={newNotification}
                />
              )
            }
          />

question from:https://stackoverflow.com/questions/65924590/or-operator-not-working-on-window-location-pathname

Answer 1

You cannot use an OR operator like so, you need to compare each value in the eval statement. If you want 1 statement I would suggest something like this:

!["/create-page","/add-block"].includes(window.location.pathname) && (
...
)