title: How do I put data in my Google spreadsheet using React JS
body: <p>I used this as reference <a href="https://github.com/ruucm/react-google-sheets" rel="nofollow noreferrer">https://github.com/ruucm/react-google-sheets</a>
  but i kept getting a gapi <strong>404 error</strong> whenever i would run this 
  I have a hunch that the github link does not exists and therefore my app could not work </p>
  
  <p>Or maybe I'm wrong. </p>
  
  <p>Is there a really nice reference where I can send data from react js to google spreadsheets?</p>
  
  <p>I've tried numerous attempts on spreadsheets but it does the opposite where in the spreadsheet will give data to the app
  What I need is REACT TO SPREADSHEET</p>
  
  <pre><code>import React, { Component } from 'react';
  import ReactGoogleSheets from 'react-google-sheets';
  
  class GoogleSheets extends Component {
  
      constructor(props) {
          super(props)
          this.state = {
              sheetLoaded: false,
          }
      }
  
      render() {
          return (
  
              &lt;ReactGoogleSheets
                  clientId={'243...apps.googleusercontent.com'}
                  apiKey={'AIza...'}
                  spreadsheetId={'2PAC...'}
                  afterLoading={() =&gt; this.setState({ sheetLoaded: true })}
              &gt;
                  {this.state.sheetLoaded ?
                      &lt;div&gt;
                          {/* Access Data */}
                          {console.log('Your sheet data : ', this.props.getSheetsData( 'gSheets' ))}
                          {/* Update Data */}
                          &lt;button onClick={() =&gt; {
                              this.props.updateCell(
                                  'gSheets', // sheetName
                                  'b', // column
                                  2, // row
                                  'TESTING', // value
                                  null, // successCallback
                                  (error) =&gt; {
                                      console.log('error', error)
                                  } // errorCallback
                              );
                          }}&gt;update cell!&lt;/button&gt;
                      &lt;/div&gt;
                      :
                      'loading...'
                  }
              &lt;/ReactGoogleSheets&gt;
  
  
          )
  
      }
  
  }
  export default GoogleSheets;
  </code></pre>
  
  <p>The output should be a button, with data inside it, to send it in the spreadsheet</p>
  
  <p>but all I get is this error</p>
  
  <blockquote>
    <p>gapi.js:257 GET
    <a href="https://apis.google.com/_/scs/apps-static/_/js/k=oz.gapi.ko.u0WhFdqJrXQ.O/m=auth2,client/rt=j/sv=1/d=1/ed=1/am=QQE/rs=AGLTcCO-v0Extr2gWwJAKxa0xtQS573uyA/cb=gapi.loaded_0" rel="nofollow noreferrer">https://apis.google.com/<em>/scs/apps-static/</em>/js/k=oz.gapi.ko.u0WhFdqJrXQ.O/m=auth2,client/rt=j/sv=1/d=1/ed=1/am=QQE/rs=AGLTcCO-v0Extr2gWwJAKxa0xtQS573uyA/cb=gapi.loaded_0</a>
    net::ERR_ABORTED 404</p>
  </blockquote>