onFocus and onBlur issue

Im trying to use CreatableSelect in a table
one of my column im using this creatableSelect where i can edit letter wise of the word selected from dropdown
im facing a issue when i focus the input dropdown there will be a -ValueContainer className div and inside this a div with input as its child
so,
div className="css-1fdsijx-ValueContainer"
div className"#dynamically generated" data-value="MY NAME"
input /
/div
/div

this is the code on focus

div className="css-1fdsijx-ValueContainer"
div className"#dynamically generated" data-value="MY NAME" /div
div className"#dynamically generated" data-value
input /
/div
/div

this is the code when blur or not on focus in the dom tree

so the issue is when i select something on change function is called and data is set but not visible on table as that extra div that apprears after manually blur is not present
only when i click outside or manually blur it i can see the data MY NAME on the table

can you please look into this issue and fix it

Start at the CreatableSelect entry point and reproduce the table-editing case described in the issue, comparing the focused and blurred ValueContainer DOM. The work is done when a selected value is visible in the table immediately after onChange, without requiring a manual blur; add or update a regression test if the existing test structure identifies one.