diff --git a/packages/react-components/src/components/gif.tsx b/packages/react-components/src/components/gif.tsx index 6f2aa13d..3dcc42ea 100644 --- a/packages/react-components/src/components/gif.tsx +++ b/packages/react-components/src/components/gif.tsx @@ -277,7 +277,7 @@ const Gif = ({ suppressHydrationWarning // @ts-ignore - fetchPriority is not recognized by React typescript // eslint-disable-next-line react/no-unknown-property - fetchPriority={fetchPriority} + fetchpriority={fetchPriority} className={[Gif.imgClassName, loadedClassname].join(' ')} src={shouldShowMedia ? rendition.url : placeholder} style={{ background }} diff --git a/packages/react-components/stories/grid-editable.stories.tsx b/packages/react-components/stories/grid-editable.stories.tsx index f79ef891..f66c8977 100644 --- a/packages/react-components/stories/grid-editable.stories.tsx +++ b/packages/react-components/stories/grid-editable.stories.tsx @@ -1,5 +1,7 @@ import styled from '@emotion/styled' +import { giphyPurple } from '@giphy/colors' import { GiphyFetch } from '@giphy/js-fetch-api' +import { IGif } from '@giphy/js-types' import { Meta, StoryObj } from '@storybook/react' import fetchMock from 'fetch-mock' import React, { useEffect, useState } from 'react' @@ -7,8 +9,6 @@ import { throttle } from 'throttle-debounce' import { GifOverlayProps, Grid as GridComponent } from '../src' import inTestsRunner from './in-tests-runner' import mockGifsResult from './mock-data/gifs.json' -import { IGif } from '@giphy/js-types' -import { giphyPurple } from '@giphy/colors' const apiKey = 'sXpGFDGZs0Dv1mmNFvYaGUvYwKX0PWIh' const gf = new GiphyFetch(apiKey) @@ -61,10 +61,12 @@ const Grid = ({ loader, ...other }: GridProps) => {