I've implemented VetCreate and VetEdit functions to handle creating and editing records in my application. The issue I'm facing is that although the creation response is successful, the new record's ID is not populated when trying to fetch it.
Even though I have used async/await keywords where necessary, the console logs indicate that something is amiss. Surprisingly, if I attempt to edit a record after returning to the list screen, the API works as expected and returns the updated details.
I've included all the relevant code snippets and screenshots, but if you need more information, feel free to ask.
VetCreate
export const VetCreate = (props) => (
<Create title="Credit Application" aside={<CreateAside />} {...props}>
<TabbedForm toolbar={<VetCreateToolbar />} redirect="show">
<FormTab label="applicant">
// Form fields go here...
</FormTab>
<FormTab label="bureau">
// Bureau related form fields go here...
</FormTab>
</TabbedForm>
</Create>
);
VetEdit
export const VetEdit = props => {
// Edit component code goes here...
};
DataProvider.js
// Data provider logic goes here...
Vet API
Vet.createVet = async function(newVet, result) {
// Logic for creating a vet record goes here...
};
Vet.getVetById = async function(VetId, result) {
// Logic for fetching a vet record by ID goes here...
};