Black Lives Matter. Please consider donating to Black Girls Code today.

Frame not found

I got this warning and can not find why the frame can not be found.

WARN: animate failure: frame not found: “10:Apr:00:30”
A example of my Figure object is:
{
“data”: [
{
“marker”: {
“color”: [
#00275B”,
#00275B”,
#00275B”,
#00275B”,
#00275B”,
#00275B”,
“red”,
#00275B
]
},
“name”: “10:Apr:00:00”,
“x”: [
“x1”,
“x2”,
“x3”,
“x4”,
“x5”,
“x6”,
“x7”,
“x8”
],
“y”: [
10,
10,
10,
10,
10,
100,
22.857142857142858,
10
],
“type”: “bar”,
“uid”: “f9309680-bfc9-11e8-aec4-9cb654a10311”
}
],
“layout”: {
“sliders”: [
{
“active”: 11,
“pad”: {
“t”: 50
},
“steps”: [
{
“args”: [
[
“10:Apr:00:00”
],
{
“mode”: “immediate”,
“transition”: {
“duration”: 300
},
“frame”: {
“duration”: 300,
“redraw”: false
}
}
],
“execute”: true,
“label”: “10:Apr:00:00”,
“method”: “animate”
},
{
“args”: [
[
“10:Apr:00:30”
],
{
“mode”: “immediate”,
“transition”: {
“duration”: 300
},
“frame”: {
“duration”: 300,
“redraw”: false
}
}
],
“execute”: true,
“label”: “10:Apr:00:30”,
“method”: “animate”
}
],
“visible”: true
}
],
“title”: “Airflow on given time”,
“updatemenus”: [
{
“buttons”: [
{
“execute”: true,
“label”: “play”,
“method”: “restyle”
}
]
}
],
“yaxis”: {
“range”: [
0,
130
],
“type”: “linear”
},
“xaxis”: {
“type”: “category”,
“range”: [
-0.5,
7.5
],
“autorange”: true
}
},
“frames”: [
{
“data”: [
{
“marker”: {
“color”: [
#00275B”,
#00275B”,
#00275B”,
#00275B”,
#00275B”,
#00275B”,
“red”,
#00275B
]
},
“name”: “10:Apr:00:00”,
“x”: [
“x1”,
“x2”,
“x3”,
“x4”,
“x5”,
“x6”,
“x7”,
“x8”
],
“y”: [
100,
10,
10,
10,
10,
100,
22.857142857142858,
10
],
“type”: “bar”
}
],
“name”: “10:Apr:00:00”
},
{
“data”: [
{
“marker”: {
“color”: [
#00275B”,
#00275B”,
#00275B”,
#00275B”,
#00275B”,
#00275B”,
“red”,
#00275B
]
},
“name”: “10:Apr:00:30”,
“x”: [
“x1”,
“x2”,
“x3”,
“x4”,
“x5”,
“x6”,
“x7”,
“x8”
],
“y”: [
10,
10,
10,
10,
10,
100,
22.857142857142858,
10
],
“type”: “bar”
}
],
“name”: “10:Apr:00:30”
}
]
}

Any idea why?
I am trying to animate over a slider and can’t get this working based on the tutorial: ‘adding animation to slider’…

Here’s a working version: https://codepen.io/etpinard/pen/LJoyGQ?editors=0010

I removed the redraw: false flags - which only work for scatter traces.