use flickity with gastby

package.json

{
  "dependencies": {
    "flickity": "^2.2.1"
    "react-flickity-component": "^3.5.0"
  }
}

slider.js

import React from 'react'

import 'flickity/dist/flickity.css'

const Slider = ({ children, options, ...props }) => {
  const Flickity =
    typeof window !== 'undefined'
      ? require('react-flickity-component')
      : () => null

  return (
    Flickity && (
      <Flickity options={options} {...props}>
        {children}
      </Flickity>
    )
  )
}

Slider.defaultProps = {
  options: {
    pageDots: false,
    prevNextButtons: false,
    cellAlign: 'left',
    contain: true,
    selectedAttraction: 0.2,
    friction: 0.8
  }
}

export default Slider

if you are using nextjs check here
https://nextjs.org/docs/advanced-features/dynamic-import#basic-usage