Not able to statically evaluate dynamic key of object when using spread syntax

[dddlr]

Bug in @compiled/babel-plugin. Example code:

import { styled } from '@compiled/react';
import React from 'react';

const UNMOUNTED = 'unmounted';
const EXITED = 'exited';
const ENTERING = 'entering';
const ENTERED = 'entered';
const EXITING = 'exiting';

export type TransitionState =
    | typeof UNMOUNTED
    | typeof EXITED
    | typeof ENTERING
    | typeof ENTERED
    | typeof EXITING;


type ContainerProps = {
  transitionState: TransitionState;
};

const containerStyles: { [id: string]: React.CSSProperties } = {
  exited: { flex: '0 0 0', width: '50px' },
  entered: { flex: '0 0 50px', width: '50px' },
};


export const MyContainer = styled.div<ContainerProps>(
  ({ transitionState }) => transitionState && { ...containerStyles[transitionState] },
);

export const App = (): JSX.Element => (
  <>
    <MyContainer transitionState={EXITED}>hello</MyContainer>
  </>
);

Infinite loop occurs when statically evaluating the MemberExpression containerTransitionStyles[transitionState]. Appears to get stuck here:

compiled/packages/babel-plugin/src/utils/css-builders.ts

Line 807 in 25779e3

const { value, meta: updatedMeta } = evaluateExpression(node, meta);