fix: FilterBox Select should be Creatable

[ktmud]

SUMMARY

This fixes the bug where users are not able to create new options in FilterBox select. This was because of a typo while migrating react-select (#9628).

I also fixed a UX issue where keep typing backspaces in an empty select loses focus. react-select fires onChange event in this case, which causes excessive rerenders.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Should allow create new options:

TEST PLAN

Added a Cypress test

ADDITIONAL INFORMATION

• Has associated issue: feat: upgrade react-select and make multi-select sortable #9628
• Changes UI
• Requires DB Migration.
• Confirm DB Migration upgrade and downgrade tested.
• Introduces new feature or API
• Removes existing feature or API

[etr2460]

lgtm, thanks for the quick fix!

I think your pr title needs to start with fix instead of bugfix btw

[codecov-commenter]

Codecov Report

Merging #9940 into master will decrease coverage by 6.53%.
The diff coverage is 100.00%.

@@            Coverage Diff             @@
##           master    #9940      +/-   ##
==========================================
- Coverage   71.31%   64.77%   -6.54%     
==========================================
  Files         585      531      -54     
  Lines       30887    29473    -1414     
  Branches     3236     2862     -374     
==========================================
- Hits        22027    19092    -2935     
- Misses       8750    10206    +1456     
- Partials      110      175      +65     

Flag	Coverage Δ
#cypress	53.94% <100.00%> (+0.10%)	⬆️
#javascript	?
#python	71.53% <ø> (ø)

Impacted Files	Coverage Δ
...rontend/src/visualizations/FilterBox/FilterBox.jsx	72.95% <100.00%> (+0.45%)	⬆️
...uperset-frontend/src/dashboard/util/dnd-reorder.js	0.00% <0.00%> (-100.00%)	⬇️
...rset-frontend/src/dashboard/util/getEmptyLayout.js	0.00% <0.00%> (-100.00%)	⬇️
.../src/dashboard/util/getFilterScopeFromNodesTree.js	0.00% <0.00%> (-93.19%)	⬇️
.../src/dashboard/components/FilterIndicatorGroup.jsx	11.76% <0.00%> (-88.24%)	⬇️
...c/explore/components/controls/withVerification.jsx	9.09% <0.00%> (-87.88%)	⬇️
...uperset-frontend/src/utils/getClientErrorObject.ts	0.00% <0.00%> (-87.10%)	⬇️
...src/dashboard/components/gridComponents/Header.jsx	10.52% <0.00%> (-86.85%)	⬇️
...rc/dashboard/components/gridComponents/Divider.jsx	13.33% <0.00%> (-86.67%)	⬇️
...c/dashboard/components/gridComponents/Markdown.jsx	6.59% <0.00%> (-82.42%)	⬇️
... and 203 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update b296a0f...84231b9. Read the comment docs.