Hello,

Thanks for this library.

I'm currently investigating how to use and build Locale Styles

I manage to access the figma API from code.ts and create all my styles.

I am now hoping to reuse them from my component without success. Am I missing something in the docs ?

const Palettes: React.FC<PalettesProps> = ({ ...props }) => {
  const theme = useTheme();
  const styles = figma.getLocalPaintStyles(); // throw figma is not defined at runtime
  return ...
}

If it's not available yet, happy to help through a PR with your guidance ;)

Figma react-sketchapp

React Native Dimensions

Should introduce react Error Boundaries components to allow for debugging purposes.

Error Boundaries can have a back up render function that renders a Rectangle and Text component with the error and stack.

Reference: react-sketchapp RedBox component

Hi thank you for this great react fetch hook, Is there a way to make the fetch abortable and abort it when component is unmount ?

Thank you

If rapid requests are issued, like in an autocomplete scenario, isLoading will be false even when hanging requests are still open.

In other words:

1. Setup a series of fetches quickly as the user is typing
2. When a new fetch is issued, cancel the previous fetches
3. isLoading will === false even though current fetch is still open
4. results will still correctly return

This may be related to #24. Whenever I change the dependencies, I get three rerenders where I only expect to see two.

Expected:

1. Change dependencies.
2. Render with isLoading === true, data === null
3. Render with isLoading === false, data === <new-result>

Actual:

1. Change dependencies.
2. Render with isLoading === false, data === <previous-result>
3. Render with isLoading === true, data === <previous-result>
4. Render with isLoading === false, data === <new-result>

I don't care so much about data containing the previous result, and changing just that to null with no additional changes would be bad. But why am I getting that first rerender which is a copy of the previous call result? I would expect calling the hook with changed dependencies to immediately return with isLoading === true.

To be clear, everything works okay. The downside is the additional no-op render due to the first result being identical to the previous result. I assume the fetch call has been made by that point, and yet the hook tells me it's not loading. Is there any way to avoid that (step 2 above)?

Example:

useMediaPredicate("(prefers-color-scheme: dark)"

Options:

• useDark
• useMediaPredicate({prefersColorScheme: "dark"})