[firebase_storage]: Upload fails with Uint8List is not a subtype of type 'JSValue' in type cast on Wasm

[rayliverified]

Is there an existing issue for this?

• [X] I have searched the existing issues.

Which plugins are affected?

Storage

Which platforms are affected?

Web

Description

Upload fails on Wasm with type error internally.

Sample Repo: https://github.com/rayliverified/flutter_storage_example

Reproducing the issue

import 'dart:convert';
import 'dart:typed_data';

import 'package:firebase_core/firebase_core.dart';
import 'package:firebase_storage/firebase_storage.dart';
import 'package:flutter/material.dart';

import 'firebase_options.dart';

void main() async {
  await Firebase.initializeApp(
    options: DefaultFirebaseOptions.currentPlatform,
  );

  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  bool _isUploading = false;

  Future<void> uploadToFirebaseStorage() async {
    setState(() {
      _isUploading = true;
    });

    try {
      // Simulating API response
      final response = '{"key": "value", "number": 42}';
      final data = jsonDecode(response);

      final ref = FirebaseStorage.instance
          .ref()
          .child('file.json');

      await ref.putData(
        Uint8List.fromList(utf8.encode(jsonEncode(data))),
      );

      ScaffoldMessenger.of(context).showSnackBar(
        const SnackBar(content: Text('Upload successful!')),
      );
    } catch (e) {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text('Upload failed: $e')),
      );
    } finally {
      setState(() {
        _isUploading = false;
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: _isUploading ? null : uploadToFirebaseStorage,
              child: _isUploading
                  ? const CircularProgressIndicator()
                  : const Text('Upload to Firebase Storage'),
            ),
          ],
        ),
      ),
    );
  }
}

Firebase Core version

3.7.0

Flutter Version

3.24.3

Relevant Log Output

No response

Flutter dependencies

Expand Flutter dependencies snippet

```yaml Dart SDK 3.5.3 Flutter SDK 3.24.3 flutter_storage_example 1.0.0+1 dependencies: - cupertino_icons 1.0.8 - firebase_core 3.6.0 [firebase_core_platform_interface firebase_core_web flutter meta] - firebase_storage 12.3.2 [firebase_core firebase_core_platform_interface firebase_storage_platform_interface firebase_storage_web flutter] - flutter 0.0.0 [characters collection material_color_utilities meta vector_math sky_engine] dev dependencies: - flutter_lints 4.0.0 [lints] - flutter_test 0.0.0 [flutter test_api matcher path fake_async clock stack_trace vector_math leak_tracker_flutter_testing async boolean_selector characters collection leak_tracker leak_tracker_testing material_color_utilities meta source_span stream_channel string_scanner term_glyph vm_service] transitive dependencies: - _flutterfire_internals 1.3.44 [collection firebase_core firebase_core_platform_interface flutter meta] - async 2.11.0 [collection meta] - boolean_selector 2.1.1 [source_span string_scanner] - characters 1.3.0 - clock 1.1.1 - collection 1.18.0 - fake_async 1.3.1 [clock collection] - firebase_core_platform_interface 5.3.0 [collection flutter flutter_test meta plugin_platform_interface] - firebase_core_web 2.18.1 [firebase_core_platform_interface flutter flutter_web_plugins meta web] - firebase_storage_platform_interface 5.1.31 [_flutterfire_internals collection firebase_core flutter meta plugin_platform_interface] - firebase_storage_web 3.10.2 [_flutterfire_internals async firebase_core firebase_core_web firebase_storage_platform_interface flutter flutter_web_plugins http meta web] - flutter_web_plugins 0.0.0 [flutter characters collection material_color_utilities meta vector_math] - http 1.2.2 [async http_parser meta web] - http_parser 4.0.2 [collection source_span string_scanner typed_data] - leak_tracker 10.0.5 [clock collection meta path vm_service] - leak_tracker_flutter_testing 3.0.5 [flutter leak_tracker leak_tracker_testing matcher meta] - leak_tracker_testing 3.0.1 [leak_tracker matcher meta] - lints 4.0.0 - matcher 0.12.16+1 [async meta stack_trace term_glyph test_api] - material_color_utilities 0.11.1 [collection] - meta 1.15.0 - path 1.9.0 - plugin_platform_interface 2.1.8 [meta] - sky_engine 0.0.99 - source_span 1.10.0 [collection path term_glyph] - stack_trace 1.11.1 [path] - stream_channel 2.1.2 [async] - string_scanner 1.2.0 [source_span] - term_glyph 1.2.1 - test_api 0.7.2 [async boolean_selector collection meta source_span stack_trace stream_channel string_scanner term_glyph] - typed_data 1.3.2 [collection] - vector_math 2.1.4 - vm_service 14.2.5 - web 1.1.0 ```

Additional context and comments

No response

[rayliverified]

@kevmoo CC

[kevmoo]

Would you include a stack trace? Do you see anything in the chrome console?

[rayliverified]

Type 'Uint8List' is not a subtype of type 'JSValue' in type cast
main.dart.mjs:19     at _TypeError._throwAsCheckError (http://localhost:56303/main.dart.wasm:wasm-function[898]:0xec482)
    at _asSubtype (http://localhost:56303/main.dart.wasm:wasm-function[934]:0xecee2)
    at StorageReference.put (http://localhost:56303/main.dart.wasm:wasm-function[13654]:0x1e0757)
    at ReferenceWeb.putData (http://localhost:56303/main.dart.wasm:wasm-function[13624]:0x1e01f6)
    at Reference.putData (http://localhost:56303/main.dart.wasm:wasm-function[12098]:0x1c0b30)
    at _MyHomePageState.uploadToFirebaseStorage inner (http://localhost:56303/main.dart.wasm:wasm-function[12089]:0x1c098a)
    at _MyHomePageState.uploadToFirebaseStorage (http://localhost:56303/main.dart.wasm:wasm-function[12084]:0x1c0833)
    at _MyHomePageState.uploadToFirebaseStorage tear-off trampoline (http://localhost:56303/main.dart.wasm:wasm-function[12086]:0x1c085f)
main.dart.wasm:0xea9c0 Uncaught Exception {}