refactor: replaces use-subscription with use-sync-external-store

[jono-allen]

migrates to use-sync-external-store to support react 18 and nextjs

Summary

React 18.x and nextjs 13.x raises the error

Error: Missing getServerSnapshot, which is required for server-rendered content. Will revert to client rendering.
This error happened while generating the page. Any console logs will be displayed in the terminal window.

Applying the same upgrade that nextjs applied to native-base fixes the error
https://github.com/vercel/next.js/pull/36733/files

Changelog

[refactor] [Changed] - Migrate to use-sync-external-store from use-subscription

Test Plan

Upgrading a project to react 18 and nextjs 13 resolves the error

[vercel]

@jono-allen is attempting to deploy a commit to the Geekyants Team Team on Vercel.

A member of the Team first needs to authorize it.

[patrick-roon]

@surajahmed is anyone available to review this? Also getting the same error.

[sajadghawami]

Also getting an error with react@18 and nextjs.

@surajahmed could you please take a look at this? :)

[sanketsahu]

Let me check it and get it merged!