How to fix Callable Functions: INVALID_ARGUMENT - Request malformed in Firebase

// Correct - using Firebase SDK
import { getFunctions, httpsCallable } from 'firebase/functions';

const functions = getFunctions();
const myFunction = httpsCallable(functions, 'myFunctionName');

// Call with data wrapped automatically
const result = await myFunction({ userId: '123', action: 'update' });

// Incorrect - manual HTTP request (common mistake)
fetch('https://us-central1-myproject.cloudfunctions.net/myFunction', {
  method: 'POST',
  body: JSON.stringify({ userId: '123' }) // Missing proper Firebase protocol
});

// Incorrect - contains non-serializable data
const badData = {
  name: 'John',
  callback: function() { }, // Functions cannot be serialized
  symbol: Symbol('test'),   // Symbols cannot be serialized
  date: new Date()          // Dates serialize to strings, may cause issues
};

await myFunction(badData); // Will fail

// Correct - only JSON-serializable data
const goodData = {
  name: 'John',
  timestamp: Date.now(), // Use timestamp instead of Date object
  userId: '123',
  metadata: { key: 'value' }
};

await myFunction(goodData); // Will succeed

// Incorrect - passing multiple arguments
await myFunction('userId', 'action', 'value'); // Not supported

// Correct - single object parameter
await myFunction({
  userId: 'userId',
  action: 'action',
  value: 'value'
}); // Properly formatted

# For npm
npm update firebase

# For specific version
npm install firebase@latest

# Check installed version
npm list firebase

// Correct - callable function definition
import { onCall } from 'firebase-functions/v2/https';

export const myFunction = onCall((request) => {
  const data = request.data; // Data automatically extracted
  const userId = data.userId;

  // Your function logic here
  return { success: true, message: 'Done' };
});

// Incorrect - regular HTTP function (different protocol)
import { onRequest } from 'firebase-functions/v2/https';

export const myFunction = onRequest((req, res) => {
  // This expects different request format
  res.json({ success: true });
});