Need help with my React Native project

Hey! i am making an ecommerce store and i am trying to send data to my backend(which includes a file),but the file variable logs as undefined hence the cdn throws an error,please help here is my code

My code for the nodejs products route

const express = require("express");
const router = express.Router();
const bodyParser = require("body-parser");
const path = require("path");
const cloudinary = require("cloudinary");
const mongoose = require("mongoose");

//Product Model

const product = require("../models/product").product;
router.use(bodyParser.json());

//GET route

router.get("/", (req, res) => {
  product.find().then(product => res.json(product));
});

// POST route
cloudinary.config({
  cloud_name: "cloud222",
  api_key: "783935981748815",
  api_secret: "uY47vBS1rI2x5jvFtnXQIjMMqU0"
});

router.post("/", (req, res) => {
  //MISC//
  let imageUrl;
  console.log("starting");
  //MISC//

  //CLOUDINARY UPLOAD
  cloudinary.v2.uploader.upload(req.body.image, (error, result) => {
    if (error) {
      console.log(error);
      console.log(`${req.body.image}`);
    } else {
      imageUrl = result.secure_url;
      //MONGO UPLOAD
      var productv = {
        name: req.body.name,
        price: req.body.price,
        size: req.body.size,
        description: req.body.description,
        image: imageUrl,
        popularity: req.body.popularity
      };
      const productvar = new product(productv);
      productvar
        .save()
        .then(product => console.log(product))
        .then(product => res.json(product))
        .catch(err => console.log(err));
    }
  });

  //END//
});

module.exports = router;

My react native frontend code

import React, { Component } from "react";
import {
  Text,
  TextInput,
  View,
  TouchableHighlight,
  StyleSheet,
  Button
} from "react-native";
import Permissions from "react-native-permissions";
import ImagePicker from "react-native-image-crop-picker";
import axios from "axios";

var styles = StyleSheet.create({});
var msg = "Select Image";

export default class API extends Component {
  constructor(props) {
    super(props);
    this.state = {
      name: "",
      price: "",
      size: "",
      description: "",
      image: "",
      popularity: ""
    };
  }
  onChange(e) {
    this.setState({ [e.target.name]: e.target.value });
  }
  Submit() {
    let newProduct = this.state;

    axios
      .post("http://192.168.0.102:3000/products", newProduct)
      .then(() => {
        console.log("DONE!");
        this.props.navigation.navigate("offersScreen");
      })
      .catch(err => {
        console.log(err);
        console.log(newProduct);
      });
  }
  componentDidMount() {
    Permissions.check("photo").then(response => {
      // Response is one of: 'authorized', 'denied', 'restricted', or 'undetermined'
      console.log(response);
    });
  }

  render() {
    const image = () => {
      ImagePicker.openPicker({
        multiple: false,
        includeBase64: true
      }).then(images => {
        console.log(images);
        this.setState({ images: `${images.data}` });
        console.log(this.state.images);
      });
    };
    return (
      <View>
        <TextInput placeholder="Name" name="name" />
        <TextInput placeholder="Price" name="price" />
        <TextInput placeholder="Size" name="size" />
        <TextInput placeholder="Description" name="description" />
        <TouchableHighlight onPress={image} name="image">
          <Text>{msg}</Text>
        </TouchableHighlight>
        <TextInput placeholder="Popularity" name="popularity" />
        <TouchableHighlight title="Submit" onPress={this.Submit}>
          <Text>Send</Text>
        </TouchableHighlight>
      </View>
    );
  }
}

the logs

[nodemon] restarting due to changes...
[nodemon] starting `node server.js`
Server started at port 3000
mongodb connected
starting
{ message: 'Missing required parameter - file', http_code: 400 }
undefined

I looked at the docs for react-native-image-crop-picker and looks like you should structure base64 string like this:

`data:${images.mime};base64,${images.data}`

and not

`${images.data}`

Tried that still no solution