Trying to abstract graphQL fragments

frequency.js

import { gql } from 'react-apollo';
import { userFragments } from './user'

export const frequencyFragments = {
  frequencySubscribers: gql`
    fragment frequencySubscribers on Frequency {
      subscriberConnection {
        pageInfo {
          hasNextPage
          hasPreviousPage
        }
        edges {
          node {
            ...userInfo
          }
        }
      }
    }
    ${userFragments.userInfo}
  `
}

user.js

import { gql } from 'react-apollo';

export const userFragments = {
  userInfo: gql`
    fragment userInfo on User {
      uid
      photoURL
      displayName
      username
    }
  `
}