Keep portfolio data as app-level state

App.tsx

function App() {
  const [projectsData, setProjectsData] = useState({projects: {placeholder: ''}, projectsMetadata: {placeholder: ''}});
  ...

  useEffect(() => {
    const getProjects = async () => {
      let firebaseReq = await database.ref(`/`).once('value');
      let firebaseJSON = await firebaseReq.val();
      setProjectsData(firebaseJSON);
    }
    if (!projectsData.projects.placeholder) {
      getProjects();
    }
  }, [projectsData])

  return (
  ...
    <Route path="/projects">
      <Projects projectsData={projectsData}/>
    </Route>
  ...
  );
}