Hello I wonder if you can help

I am using a react.js form to collect customer data and would like to connect this information to Airetable. this is what I have so far:

file 1 - data file

import { useState } from “react”;

import axios from “axios”;

export default function useData() {

const >data, setData] = useState(null);

const getData = async () => {

return axios.get(“/”).then((res) => {

console.log(“res.data.records:”, res.data.records);

setData(res.data.records);

});

};

return {

getData,

data,

};

}

file 2 index.js

import React from ‘react’;

import ReactDOM from ‘react-dom/client’;

import ‘./index.css’;

import App from ‘./App’;

import axios from “axios”;

const BASE_ID = ‘xxx’;

const API_KEY = ‘xxx’

axios.defaults.baseURL = https://api.airtable.com/v0/${BASE_ID}/Contact__form/;

axios.defaults.headers.poste‘Content-Type’] = ‘application/json’;

axios.defaults.headersi‘Authorization’] = Bearer ${API_KEY};

const root = ReactDOM.createRoot(document.getElementById(‘root’));

root.render(

<React.StrictMode>

</React.StrictMode>

);

I’m not sure if I am going in the right direction, or what to do next. Thank you.