refactor: Change lib v2 code to TS

[yusuf-musleh]

This PR is temp for review, should be replaced with openedx#1124 once base PR is merged.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Please upload report for BASE (yusuf-musleh/sort-filter-v2-libraries@49b7142). Learn more about missing BASE report.

Additional details and impacted files

@@                           Coverage Diff                            @@
##             yusuf-musleh/sort-filter-v2-libraries      #43   +/-   ##
========================================================================
  Coverage                                         ?   92.65%           
========================================================================
  Files                                            ?      712           
  Lines                                            ?    12724           
  Branches                                         ?     2800           
========================================================================
  Hits                                             ?    11789           
  Misses                                           ?      900           
  Partials                                         ?       35           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[bradenmacdonald]

react-query guarantees that only one of data, isLoading, or isError will be truthy at any given time, so you can either change this to data!.results or refactor the code like this:

if (isLoading) {
  // Display loading state
}
if (isError || data === undefind) {
  // Display an error message. The `|| data === undefined` is only needed for TypeScript to understand the flow.
}

// Render the normal component. Here TypeScript now knows that `data` is not undefined

[yusuf-musleh]

I see, I've updated it to use the data! and made sure that the to check for !isLoaded in the hasV2Libraries which is used in a bunch of places. (isError is already checked at the beginning and returns): a72713e

[pomegranited]

👍 This works as expected, thank you @yusuf-musleh

• I tested this on my tutor dev stack using the instructions from feat: Add lib v2/legacy tabs in studio home openedx/frontend-app-authoring#1050
• I read through the code
• I checked for accessibility issues N/A
• Includes documentation N/A
• User-facing strings are extracted for translation

[yusuf-musleh]

@pomegranited Thanks for the review!

Note there is a bug that linting for .ts[x] files is not happening properly; I'm fixing it in openedx#1129 but please manually make this change and run npm run lint yourself to make sure this PR is good too.

@bradenmacdonald I made sure to run the linter and there are no issues with the file changes in this PR.