Three react-spring animations to make your app stand out from the crowd

1.ts

import {useTransition, animated} from 'react-spring';
import {useLocation} from 'react-router-dom';

export const Sidebar = () => {
  const location = useLocation();

  const transition = useTransition(location.pathname, {
    from: {opacity: 0, y: 50},
    enter: {opacity: 1, y: 0},
    exit: {opacity: 0, y: 50},
  });
}