resolveBinding() — react Function Reference

Source Code

compiler/packages/babel-plugin-react-compiler/src/HIR/HIRBuilder.ts lines 309–368

  resolveBinding(node: t.Identifier): Identifier {
    if (node.name === 'fbt') {
      CompilerError.throwDiagnostic({
        category: ErrorCategory.Todo,
        reason: 'Support local variables named `fbt`',
        description:
          'Local variables named `fbt` may conflict with the fbt plugin and are not yet supported',
        details: [
          {
            kind: 'error',
            message: 'Rename to avoid conflict with fbt plugin',
            loc: node.loc ?? GeneratedSource,
          },
        ],
      });
    }
    if (node.name === 'this') {
      CompilerError.throwDiagnostic({
        category: ErrorCategory.UnsupportedSyntax,
        reason: '`this` is not supported syntax',
        description:
          'React Compiler does not support compiling functions that use `this`',
        details: [
          {
            kind: 'error',
            message: '`this` was used here',
            loc: node.loc ?? GeneratedSource,
          },
        ],
      });
    }
    const originalName = node.name;
    let name = originalName;
    let index = 0;
    while (true) {
      const mapping = this.#bindings.get(name);
      if (mapping === undefined) {
        const id = this.nextIdentifierId;
        const identifier: Identifier = {
          id,
          declarationId: makeDeclarationId(id),
          name: makeIdentifierName(name),
          mutableRange: {
            start: makeInstructionId(0),
            end: makeInstructionId(0),
          },
          scope: null,
          type: makeType(),
          loc: node.loc ?? GeneratedSource,
        };
        this.#env.programContext.addNewReference(name);
        this.#bindings.set(name, {node, identifier});
        return identifier;
      } else if (mapping.node === node) {
        return mapping.identifier;
      } else {
        name = `${originalName}_${index++}`;
      }
    }
  }