RenderDatabase.js

<motion.div
    initial={{ opacity: 0, scale: .8}}
    animate={{ opacity: 1, scale: 1 }}
    exit={{ opacity: 0, scale: .8 }}
    >
      <List>
        {renderResult}
      </List>
 </motion.div>

Sections.js

<AnimatePresence exitBeforeEnter initial={false}>
        <Switch key={location.pathname}>
          <Route
            path="/liked"
            render={props => {
              setTabValue(1);
              return <RenderDatabase songs={songsLikedState} {...props} />;
            }}
          />
          <Route
            path="/downloads"
            render={props => {
              setTabValue(2);
              return <RenderDatabase songs={songsDownloadedState} />;
            }}
          />
          <Route
            path="/history"
            render={props => {
              setTabValue(3);

              return <RenderDatabase songs={songsHistoryState} />;
            }}
          />
        </Switch>
   </AnimatePresence>