I have a tcolorbox which I want to place just above a tikzpicture which has a number of transitions. However, try as I might I can't do this without error. My MWE has two frames so that it renders. What I want is one frame that has both the tcolorbox and the tikzpicture with all its transitions.

    \documentclass{beamer}
    \usepackage[many, listings]{tcolorbox}
    \usepackage{tikz}
    \usetikzlibrary{calc, overlay-beamer-styles, shadows.blur, matrix}
    \usepackage{listings}
    \lstdefinestyle{duckstyle}{%
        moredelim=[is][\color{red}]{|}{|},
        mathescape=true,
        escapechar=@,
        basicstyle=\ttfamily,
        columns=fullflexible
    }
    \lstset{style=duckstyle}
    \usetikzlibrary{backgrounds, arrows.meta, chains, fit,
    	shapes,
    	tikzmark}
    
    
    \makeatletter
    \newcommand*{\slideinframe}{\number\beamer@slideinframe}
    \makeatother
    
    \def\mylistE{{, ,, , , , , , , , ,  , , , , }}
    \def\mylistD{{, ,, , , , , , , , ,  , , , ,}}
    \def\mylistB{{, ,, , , , , , , , ,  , , , ,}}
    \def\mylistF{{, ,, , , , , , , , ,  , , , ,}}
    \def\mylistC{{, ,, , , , , , , , ,  , , , ,}}
    \def\mylistA{{, ,, , , , , , , , ,  , , , ,}}
    
    
    \begin{document}
    
    
    
    \begin{frame}[t, fragile]
    \begin{tcolorbox}[top=0pt, left=5pt,right=5pt, colback=blue!5!white, text height=1.5cm, text width=7cm]
    \begin{lstlisting}[ mathescape, name=shortestpath, basewidth = {.3em}]
    first line
    for each item in the data
        if blah then foo
    \end{lstlisting}
    \end{tcolorbox}
    
    \end{frame}
    
    
    
    
    \begin{frame}
    
    \begin{tikzpicture}[remember picture, overlay,xshift=0.4cm, yshift=-3cm]
    
    \begin{scope}[every node/.style={fill=black, text=white, circle,thick,draw, minimum size=1.2cm}]
         \node[label={[xshift=0em, yshift=0.5em, text=black,rectangle,minimum size=0.7cm,  ]  \pgfmathparse{\mylistA[\slideinframe-1]}\pgfmathresult},alt=<15->{black}{black},text=white]  (A) at (0,5) {A};
         \node[label={[xshift=0em, yshift=0.5em, text=black,rectangle,minimum size=0.7cm,] \pgfmathparse{\mylistB[\slideinframe-1]}\pgfmathresult},alt=<12->{black}{black},text=white]  (B) at (5,5) {B};
         \node[label={[xshift=0em, yshift=0.5em, text=black,rectangle,minimum size=0.7cm, ] \pgfmathparse{\mylistC[\slideinframe-1]}\pgfmathresult},alt=<16->{black}{black},text=white]  (C) at (10,5) {C};
         \node[label={[xshift=0em, yshift=-6em, text=black,rectangle,minimum size=0.7cm, ] \pgfmathparse{\mylistD[\slideinframe-1]}\pgfmathresult},alt=<9->{black}{black},text=white]  (D) at (0,0) {D};
         \node[label={[xshift=0em, yshift=-6em, text=black,rectangle,minimum size=0.7cm, ] \pgfmathparse{\mylistE[\slideinframe-1]}\pgfmathresult},alt=<2->{black}{black},text=white]  (E) at (5,0) {E};
         \node[label={[xshift=0em, yshift=-6em, text=black,rectangle,minimum size=0.7cm, ]  \pgfmathparse{\mylistF[\slideinframe-1]}\pgfmathresult},alt=<7->{black}{black},text=white]  (F) at (10,0) {F} ;
    \end{scope}
    
    \begin{scope}[>={Stealth[black]},
                  every node/.style={fill=white,circle}]
        \path [-, alt=<7-7>{line width=1.2mm}{}] (A) edge (B);
        \path [-, alt=<6->{line width=1.2mm}{}] (D) edge (B);
        \path [-, alt=<4->{line width=1.2mm}{}] (A) edge (D);
        \path [-, alt=<3->{line width=1.2mm}{}] (D) edge (E);
        \path [-, alt=<11->{line width=1.2mm}{}] (E) edge (F);
        \path [-, alt=<14-14>{line width=1.2mm}{}] (E) edge (B);
        \path [-, alt=<12-12>{line width=1.2mm}{}] (E) edge (C);
        \path [-, alt=<9-9>{line width=1.2mm}{}] (B) edge (C);
        \path [-, alt=<2->{line width=1.2mm}{}] (B) edge (F);
        \path [-, alt=<5->{line width=1.2mm}{}] (F) edge (C);
    \end{scope}
    \end{tikzpicture}
    \pause[16]
    \end{frame}
    
    \end{document}