ReactでFirebaseStorageにローカルファイルデータ(Jpeg)を入れたい

###内容
ファイルをウェブにアップして、それをファイアベースストレージへ上げようと思っております。
リファレンスなどを参考にして、下記ソースで実行した所、エラーの表示はなく実行できました。
しかし肝心のファイアベースのストレージを見に行くとどこにもそのファイルが見当たりません。
エラーが出ていないため、どの部分の修正が必要なのかがわかりません。
※ストレージには[strage]というフォルダを作成してあり、その中に情報を入れたいと思っております。
###ソース
import * as FireBase from 'firebase';
import * as React from 'react';

interface Istate {
file:FileList[],
item:string[]

}

class Detail extends React.Component<{},Istate> {
constructor(props: any,context: any){
super(props,context)
this.state = {
file:[],
item:[]
}
this.onClick = this.onClick.bind(this)
this.Upload = this.Upload.bind(this)
}
// アップロードボタン
public onClick() {
const obj1 = document.getElementById("upload") as HTMLInputElement;
const filename = obj1.files
const FileList = this.state.item;
const ItemList = this.state.file;

for (const i in filename) {
    if (filename[i].name !== 'item' && filename[i].name) {
        FileList.push(filename[i].name);
        ItemList.push(filename[i]);
        this.setState({ item:FileList});
        this.setState({file:ItemList});
    }
}

}
// ファイアベースへ
public Upload() {

const debug = this.state.file[0];
const blob = new Blob([JSON.stringify(debug)], {type : 'image/jpeg'});
// const blob = new Blob([JSON.stringify(debug, null, 2)], {type : 'image/jpeg'});
const storageRef = FireBase.storage().ref().child('strage');
storageRef.put(blob).then(snapshot => {
    alert('Uploaded a blob or file!');
  });

}
// 取得結果リストの表示
public RenderItems(){
return this.state.item.map((item,i) => {
return(
<li key={i}>{item}</li>
)
})
}

public render() {
return (
<div>
<input type="file" id="upload" name="file" multiple={true}/>
<button onClick={this.onClick}>ファイルアップロード</button>
<button onClick={this.Upload}>ファイアベース</button>
<span>{this.RenderItems()}</span>
</div>
);
}
}
export default Detail;